react-react ·

Impressive state management toolkit for react

Pros

• Easy to use
• Easy to read and maintain
• Full hooks support
• React Server Components support
• Low barrier to entry
• Full react compatible
• Small size
• Flow and Typescript support
• 100% test coverage

Installation

yarn add react-react

or

npm install react-react

How to use

First you should create component:

import * as React from "react";

class MyComponent extends React.Component {
    
}

To set state use setState function. For example

foo() {
    this.setState({ bar: "value" })
}

Access to state via state field:

render() {
    return <div>{this.state.bar}</div>
}

To use library just add following import to the beginning of you file:

import "react-react";

Usage with hooks

Create a functional component

import React from 'react'

function MyComponent() {

}

Add useState hook

function MyComponent() {
    const [value, setValueState] = useState("value")
    return <div>{value}</div>
}

To update value use setValueState

function foo(value) {
  setValueState(value)
}