Библиотека JavaScript для построения пользовательских интерфейсов с легким синтаксис Система и простое управление каждый виджет в каждом компонент и дизайн простых представлений для каждого состояния в вашем приложении.
- Быстро и облегчить. Lite Library, чтобы помочь вам создать Комплекс Ui простыми способами.
- Инструменты. Дайте вам больше библиотеки и методы, помогающие вам создать все, что вы хотите.
- Легкий стиль. Использование Реагировать Компонент стиля с Методы & Флаттер Виджет стиль с Быстрочитаемая система
- Простое управление Все вещи в компоненте – виджет
Простой пример
- Без крючков
Brex(Component(function() { this.state = { ...this.state, name: 'HoSheiMa', } return View({ children: [ Child({ text: 'Hello ' + this.state.name }) ] })
- С крючками (бета)
Brex(Component(function() { [name, setName] = this.useState('HoSheiMa'); return View({ children: [ Child({ text: 'Hello ' + name }) ] })
- Авансовый пример
var Main = function() { /** * // without Hooks * this.state = { * ..this.state, * x: 0, * } */ // with Hooks [x, setX] = this.useState(0); var redText = createNativeElement({ attrs: { style: "color:red;" } }); // ? Create a custom child using createNativeElement function return View({ children: [ // children :D redText({ text: "Hello world x: " + x, events: { click: function() { /** * // without Hooks * this.setState({ * x: x + 1, * }) */ // with Hooks setX(x + 1); } } }) ] }); }; Brex(Component(Main)); // init main point to start from it.
Для более пример Полный пример раздела. С последней версией. Github Link.: https://github.com/HoSheiMa/Brex
Оригинал: “https://dev.to/hosheima/a-new-javascript-library-for-building-user-interfaces-easy-fast-and-readable-syntax-mix-with-react-flutter-style-2b8g”