nikhil-malviya / awesome-recoil

A curated list of Recoil libraries, code snippets, best practices, benchmarks and resources.

Awesome Recoil

Recoil is an experimental state management library for React by Facebook. Watch the announcement here:

Official Information

• https://github.com/facebookexperimental/recoil - Offical Repo
• https://recoiljs.org/ - Recoiljs Website
• https://recoiljs.org/docs/ - Docs
• https://recoiljs.org/docs/api-reference - API Reference
• https://recoiljs.org/blog - Blog
• ReactEurope 2020 Talk - with Dave McCabe

Libraries

Reason

• Reason Recoil - reason bindings for recoil

Typescript

• recoil-form - simple, formik style form library using recoil
• react-recoil-hooks-testing-library - test library based on @testing-library/react-hooks
• recoil-undo

Javascript

• Recoil Logger
• Recoil Persist

Examples

Javascript

• Recoil Examples - examples based upon the offical recoiljs docs tutorials, plus a reducer example
• Recoil Paint - a more in-depth example based on Dave MacCabe's ReactEurope 2020 Talk above.
• Redux vs Recoil - article and demonstration repo comparing redux and recoil
• Recoil Async Example
• Recoil Webpack Module Federation Example
• Expense Tracker Example

Typescript

• Recoil Data Fetching Example
• Recoil Sandbox - next example with factory pattern for atoms
• React Monorepo Todos - react/native/web/server

Articles

• Recoil.js: Efficient state management and better render performance in React Apps.

Recoil Inspired

(not implemented with Recoil but inspired by it)

• RecoilDux - recoil inspured redux implementation
• Use Atom - use-context-selector implementation with context api using a recoil like pattern.