https://github.com/threepointone/react-state

localized react state component
https://github.com/threepointone/react-state

Last synced: about 1 month ago
JSON representation

localized react state component

• Host: GitHub
• URL: https://github.com/threepointone/react-state
• Owner: threepointone
• Created: 2015-06-14T12:05:34.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-06-16T09:33:02.000Z (about 9 years ago)
• Last Synced: 2024-05-02T05:41:29.019Z (2 months ago)
• Language: JavaScript
• Size: 133 KB
• Stars: 34
• Watchers: 4
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Lists

• awesome-react-function-as-child-components - react-state

README

        
react-state

---

localized state in React render functions.

`npm install react-state --save`

```js

class Counter{

  render(){

    return {

      (val, set) =>

        
 set(val + 1)}>

          clicked {val} times

        

    };

  }

}


React.render(, el); // just works.

// there's also a functional form to mask the reacty bits

class Counter{

  render(){

    return state({initial: 0}, (val, set) =>

      
 set(val + 1)}>

        clicked {val} times

      
);

  }

}


// that said, do remember that it's the reacty nature of

// that 'instance' that preserves it across renders, etc.

```

props

---

- initial

- onChange: function

- `children`: function

[based on this thread](https://discuss.reactjs.org/t/children-as-a-function-render-callbacks/626)

made this repo to use / test shallow rendering and whatnot. wish me luck.

(tests curently PASS.)