Библиотека 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”