Build Bara app using React, easily extensible and scalable without any fear of breaking build.
This library belongs to BaraJS Official Library, we build this for the next cross-platforms React app using the architect of reactive functional programming.
By using bara-react, you're no longer need to maintain a wired codebase anymore. Build your apps feature by feature. You can quickly implement new features as your app expands or remove a feature when it's deprecated without touching other area of the project.
yarn add -E bara bara-react
or using NPM
npm i --save bara bara-react
In your main index.js:
import {register} from 'bara'
import {useReactApp} from 'bara-react'
import App from './App'
import {useDisplayWelcomeMsgTrigger} from './app-trigger'
const myBaraReactApp = () => {
useReactApp(App)
useDisplayWelcomeMsgTrigger()
}
register(myBaraReactApp)In your React App App.jsx':
import React from 'react'
import {BaraProvider, Text, Touchable, View} from 'bara-react'
export default const App = () => {
return (
<BaraProvider>
<View>
<Touchable name="welcome-button">
<Text>Hello Bara App!</Text>
</Touchable>
</View>
</BaraProvider>
)
}Create another file called app-trigger.js:
import { useTouchablePress, nameOf } from 'bara-react'
export const useDisplayWelcomeMsgTrigger = () => {
return useTouchablePress({nameOf: nameOf('welcome-button')}, () => {
alert('Welcome Button has been clicked!')
})
}- React is best of rendering.
- Bara is best of reactive functional programming.
- Easily create or remove a component without touching other business components.
- Easily plug and play with BaraJS ecosystem module.
- It's fun or ... not!
MIT © BaraJS
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent