Reactive Library

DDD-oriented Responsive State Management Solution

High Performance

Efficient update, Demand rendering

Zero Dependencies

Cross Device,Cross Framework

Smart Tips

Embrace Typescript

Installation

$ npm install --save @formily/reactive

Quick start

Hello world
import React from 'react'
import { observable } from '@formily/reactive'
import { observer } from '@formily/reactive-react'
const obs = observable({
value: 'Hello world',
})
export default observer(() => {
return (
<div>
<div>
<input
style={{
height: 28,
padding: '0 8px',
border: '2px solid #888',
borderRadius: 3,
}}
value={obs.value}
onChange={(e) => {
obs.value = e.target.value
}}
/>
</div>
<div>{obs.value}</div>
</div>
)
})