└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Awesome Recoil 2 | 3 | `Recoil` is an experimental state management library for `React` by `Facebook`. Watch the announcement here: 4 | 5 | [![Initial Announcement Video](http://img.youtube.com/vi/_ISAA_Jt9kI/0.jpg)](http://www.youtube.com/watch?v=_ISAA_Jt9kI "Recoil React") 6 | 7 | ## Official Information 8 | - https://github.com/facebookexperimental/recoil - Offical Repo 9 | - https://recoiljs.org/ - Recoiljs Website 10 | - https://recoiljs.org/docs/ - Docs 11 | - https://recoiljs.org/docs/api-reference - API Reference 12 | - https://recoiljs.org/blog - Blog 13 | - [ReactEurope 2020 Talk](https://www.youtube.com/watch?v=_ISAA_Jt9kI) - with Dave McCabe 14 | 15 | ## Libraries 16 | 17 | ### Reason 18 | - [Reason Recoil](https://github.com/bloodyowl/reason-recoil) - reason bindings for recoil 19 | 20 | ### Typescript 21 | - [`recoil-form`](https://github.com/serverscom/recoil-form) - simple, `formik` style form library using recoil 22 | - [`react-recoil-hooks-testing-library`](https://github.com/inturn/react-recoil-hooks-testing-library) - test library based on `@testing-library/react-hooks` 23 | - [`recoil-undo`](https://github.com/SawyerHood/recoil-undo) 24 | 25 | ### Javascript 26 | - [Recoil Logger](https://github.com/polemius/recoil-logger) 27 | - [Recoil Persist](https://github.com/polemius/recoil-persist) 28 | 29 | ## Examples 30 | 31 | ### Javascript 32 | - [Recoil Examples](https://github.com/GeoffCox/recoil-examples) - examples based upon the offical recoiljs docs tutorials, plus a reducer example 33 | - [Recoil Paint](https://github.com/JimLiu/recoil-paint) - a more in-depth example based on Dave MacCabe's ReactEurope 2020 Talk above. 34 | - [Redux vs Recoil](https://github.com/chandan-reddy-k/redux-vs-recoil-example) - article and demonstration repo comparing redux and recoil 35 | - [Recoil Async Example](https://github.com/shubhaemk/recoil-async-example) 36 | - [Recoil Webpack Module Federation Example](https://github.com/jherr/wp5-recoil) 37 | - [Expense Tracker Example](https://github.com/japiirainen/recoilJS-expense-tracker) 38 | 39 | ### Typescript 40 | - [Recoil Data Fetching Example](https://github.com/sibelius/recoil-data-fetching) 41 | - [Recoil Sandbox](https://github.com/takefumi-yoshii/recoil-sandbox) - next example with factory pattern for atoms 42 | - [React Monorepo Todos](https://github.com/Streeterxs/recoil-monorepo-todos) - react/native/web/server 43 | 44 | ## Articles 45 | - [Recoil.js: Efficient state management and better render performance in React Apps.](http://medium.com/@sk950121/recoil-js-efficient-state-management-and-better-render-performance-in-react-apps-f3aaf7df96ba) 46 | 47 | 48 | ## Recoil Inspired 49 | (not implemented with Recoil but inspired by it) 50 | 51 | - [RecoilDux](https://github.com/dai-shi/recoildux) - `recoil` inspured redux implementation 52 | - [Use Atom](https://github.com/dai-shi/use-atom) - `use-context-selector` implementation with context api using a `recoil` like pattern. 53 | --------------------------------------------------------------------------------