{"repo":"teafuljs/teaful","free":true,"listed":false,"github":"https://github.com/teafuljs/teaful","clone":"git clone https://github.com/teafuljs/teaful.git","description":"🍵 Tiny, easy and powerful React state management","language":"TypeScript","stars":712,"topics":["state","management","react","javascript","preact","performance","store","fragmented","tiny","easy"],"license":"MIT","category":"ui-components","readme_excerpt":"Teaful Tiny, easy and powerful React state management library [![PRs Welcome][badge-prwelcome]][prwelcome] [badge-prwelcome]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square [prwelcome]: http://makeapullrequest.com Sponsored by: What advantages does it have? ✨ 📦 ・ Tiny : Less than 1kb package to manage your state in React and Preact. 🌱 ・ Easy : You don't need actions, reducers, selectors, connect, providers, etc. Everything can be done in the simplest and most comfortable way. 🚀 ・ Powerful : When a store property is updated, only its components are re-rendered. It's not re-rendering components that use other store properties. Guide 🗺 - 1. Installation 🧑🏻‍💻 - 2. Init your store 👩🏽‍🎨 - createStore - How to export - 3. Manage the store 🕹 - useStore hook - setStore helper - getStore helper - withStore HoC - 4. Register events after an update 🚦 - 5. How to... 🧑‍🎓 - Add a new store property - Use more than one store - Update several portions avoiding rerenders in the rest - Define calculated properties - 6. Teaful Devtools 🛠 - 7. Addons and extras 🌀 - 8. Examples 🖥 - 9. Roadmap 🛣 - 10. Contributors ✨ Installation 🧑🏻‍💻 Init your store 👩🏽‍🎨 Each store has to be created with the createStore function. This function returns all the methods that you can use to consume and update the store properties. createStore Or also with an initial store: Or also with an event that is executed after every update: Input: name type required description","default_branch":null,"files":null,"tree":[],"storefront":"/r/teafuljs","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/teafuljs/teaful/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}