Views is a simple programming language that compiles to production quality React DOM and React Native.
The Views workflow eliminates the need for mockups to be translated into CSS, HTML, and native code. Views lets designers tweak the interface with no extra dev work.
Components made in Views work seamlessly in React DOM and React Native projects with no extra refactoring.
Views' Morpher is a regular non-runtime development dependency. The Morpher will compile and optimize .view files on the fly to React components.Add Views to my project
Views' intuitive composition model helps product teams easily reason about the complexities of application interfaces, change colours, fonts, add and remove components. Views syntax is greatly simplified, and with Views Tools writing code is not required. Designers can progress at their own pace and up-skill on the job.Start composing
We want to drive the change in product delivery space towards inclusion, transparency, and open participation. At the same time, we set new conventions to bring together designers and developers.
You only need a logic file for a given view file when the manipulation of state or props is required. Logic files simply wrap the view files and pass component props to the view. This pattern is already working in production apps and makes code easier to reason about.
It's very easy to try Views on a feature in your existing React project. It's also very easy to drop Views and just use the auto-generated React components.
We are planning to sort media queries soon. The first stage of interface animations is already included in the latest Morpher. Transitions between Views are also possible via a hybrid Views and JS solution.