Package Exports

react-rest-state

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-rest-state) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-rest-state

alt text

react-rest-state

easy state managment with high performance

install

npm i react-rest-state --save

use

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

setState

setState({ name: "mikel" });

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

callback

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

connect

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

class app extends React.Component {
  disconnect = connect(
    this,
    ["state1"]
  );
  render() {
    return (
      <View>
        <Text>{state.name}</Text>
        <Button
          title={"change"}
          onPress={() => {
            setState({ name: "jone" });
          }}
        />
      </View>
    );
  }
  componentWillUnmount() {
    this.disconnect();
  }
}

callback

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

connect function to states run function when states did update

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

forceUpdate

forceUpdate(["mikel"], callback);

useConnect for Hooks

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 <Text>{state.name}</Text>;
}