- Notifications
You must be signed in to change notification settings - Fork2
HoSheiMa/Brex
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
(!) we working with new version support TypeScript, more clear code, useful function (to help you create complex ui with easy way + easy state management)
A JavaScript library for building user interfaces with easysyntax system and esay controll each widget in each component and Design simple views for each state in your application.
- Fast and Lite. lite library to help you to create aComplex UI with simple ways.
- Tools. give you more library & methods helping you create all you want.
- Easy Style. usingReactstyle component withmethods &FlutterWidget style withfast readable system
- Easy Control all things in component is a widget
- Without Hooks
Brex(Component(function(){this.state={ ...this.state,name:'HoSheiMa',}returnView({children:[Child({text:'Hello '+this.state.name})]})
- With Hooks (Beta)
Brex(Component(function(){[name,setName]=this.useState('HoSheiMa');returnView({children:[Child({text:'Hello '+name})]})
- Advance Example
varMain=function(){/** * // without Hooks * this.state = { * ..this.state, * x: 0, * } */// with Hooks[x,setX]=this.useState(0);varredText=createNativeElement({attrs:{style:"color:red;"}});// ? Create a custom child using createNativeElement functionreturnView({children:[// children :DredText({text:"Hello world x: "+x,events:{click:function(){/** * // without Hooks * this.setState({ * x: x + 1, * }) */// with HookssetX(x+1);}}})]});};Brex(Component(Main));// init main point to start from it.
for more example visitFull example section. with lastest version.