react-rest-state

!alt text


 

react-rest-state

easy state managment with high performance

install

``npm
npm i react-rest-state --save
`

use

`javascript
import { init, state, setState, forceUpdate } from "react-rest-state";
...
init({
name: "alli"
});
...
console.log(state.name)
`

$3

`javascript
setState({ name: "mikel" });
`

or

`javascript
setState(prevState => {
return { name: prevState.name + " mikel" };
});
`

callback

`javascript
setState({ name: "mikel" }, () => {
console.log(state.name);
});
`

$3

`javascript
import { connect, state, setState } from "react-rest-state";

class app extends React.Component {
disconnect = connect(
this,
["state1"]
);
render() {
return (

{state.name}
title={"change"}
onPress={() => {
setState({ name: "jone" });
}}
/>

);
}
componentWillUnmount() {
this.disconnect();
}
}
`

callback

`javascript
connect(
this,
["name"],
callbackFunc
);
`

connect function to states
run function when states did update

`javascript
connect(() => {
console.log(state.name);
}, ["name"]);
`

$3

`javascript
forceUpdate(["mikel"], callback);
`

useConnect for Hooks

`javascript
import { useConnect } from "react-rest-state";

function myComponent(props) {
//if first argumant is a function and runinng when state did update else component will be update
useConnect(null, ["name"]);
return {state.name};
}
``