Makes state managment simple.
A small core reactive component powered by JavaScript proxies and a series of libraries utilizing this core which includes:
- Sophisticated react grid component
- Reactive graphql library with reactive cache
- UI components that wrap material-ui next to help get your project started quickly.
This project is currently in early beta (alpha?) but we are using these libraries in-house and will become more refined and robust as our project continues.
git clone https://github.com/WorkSight/rewire.git
cd rewire
yarn install
node .\fuse.jsA small hello world type example.
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import Observe from 'rewire-core/Observe';
import observable, { watch } from 'rewire-core/observable';
const employee = observable({name: 'Some Guy', email: 'someone@gmail.com'});
setTimeout(() => employee.name = 'dude', 5000); // update the name property asynchronously
watch(() => employee.name, () => console.log(employee.name)); // watch any changes to name and log them to the console.
// use plain ole react components. Observe will take a dependency on all properties accessed during render and only re-render the input when those dependencies change.
ReactDOM.render(<div>
<Observe render={() => <input value={employee.name} onChange={(evt) => employee.name = evt.target.value} />} />
</div>, document.getElementById('root'));A screenshot of the reactive grid component
coming soon...