react-instances

The library that manages React Component instances

This library is under construction and not stable right now. It is planned to release the first stable version on May 17, 2021 (or maybe sooner).

Install

npm install --save react-instances

Introduce

// anywhere in your awesome application
import Input from './Input'

const myInput = Input.getInstance('myInput')
myInput.setState({ value: 'test' })
myInput.upperCase()
myInput.clear()

// App.js
import Input from './Input'

export default function App() {
  return <Input name='myInput' />
}

// Input.js
import { withInstanceManage } from 'react-instances'

class Input extends Component {
  state = { value: '' }

  upperCase = () => {
    this.setState({ value: this.state.value.toUpperCase() })
  }

  clear = () => {
    this.setState({ value: '' })
  }
}

export default withInstanceManage(Input)

Demo & Documents

API

Communication

Discussion

Contact point

Decisions tree

What do you need?

I want to interactive with

• My class component

  • withInstanceManage

• My function component

  • manageInstances & useInstanceManage

• My hook

  • withHookInstanceManage
  • manageInstances & useInstanceManage

I want to watch the changes of

• My class component

  • Not supported yet

• My function component

  • observable & useObserversNotify

• My hook

  • withHookObserversNotify
  • observable & useObserversNotify

I want to do both with

• My class component

  • Not supported yet

• My function component

  • manageInstances & useInstancemanage & observable & useObserversNotify

• My hook

  • withHookManage
  • manageInstances & useInstancemanage & observable & useObserversNotify

License

MIT © unique01082