|
7 | 7 | [](https://github.com/electrikmilk/javascript-ui/blob/main/LICENSE) |
8 | 8 | [](https://www.npmjs.com/package/javascript-ui) |
9 | 9 |
|
10 | | -Javascript UI is a JavaScript framework. It describes HTML and CSS in Javascript simliar to SwiftUI. |
11 | | - |
12 | | -- Useful shorthands for HTML tags and css properties |
13 | | -- Built-in standard animations like rotate, fade, flip, shake, and more... |
14 | | -- Built-in CSS tricks like truncation, font smoothing, fit, etc. |
15 | | -- CSS properties are abtracted into views and stacks like ScrollView, GridStack, HStack, VStack, etc. |
16 | | -- Built-in router |
17 | | -- Store and state management |
| 10 | +Javascript UI is a JavaScript framework. It describes HTML and CSS in Javascript similar to SwiftUI. |
| 11 | + |
| 12 | +## ❇️ Features |
| 13 | + |
| 14 | +- ✔️ Declarative syntax, functions nest within each other, similar to HTML, but with methods instead of CSS properties and HTML attributes. |
| 15 | +- 😎 Useful shorthands for HTML tags and attributes and CSS properties (e.g. `Image().caption()`). |
| 16 | +- 🦋 Built-in standard animations like rotate, fade, flip, shake, and more! |
| 17 | +- 🤓 Methods for CSS tricks like `truncate()`, `fontSmoothing()`, fit, etc. More CSS tricks are abstracted into views and stacks like `ScrollView()`, `GridStack()`, `HStack()`, `VStack()`, etc. |
| 18 | +- 🐰 It's fast! Element objects simply provide helpful methods and are used during the first render, but they keep a reference to their element or document fragment. They modify the element directly rather than re-rendering it. There are never entire page re-renders, only selective re-renders when needed for state management. |
| 19 | + |
| 20 | +## 🔧 Built-ins |
| 21 | + |
| 22 | +- 💾 Stores |
| 23 | +- ⚛️ State management |
| 24 | +- 🧭 Router |
18 | 25 |
|
19 | 26 | [Playground](https://codepen.io/internetgho5t/pen/ZExgBbm) |
20 | 27 | • [Documentation](https://github.com/electrikmilk/jsUI/wiki) |
|
0 commit comments