illustration for Getting Started with Recoil in React
pro

Getting Started with Recoil in React

Instructor

Chris Achard

16m closed-captioning
·
6 lessons
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.6
358
people completed
Published 5 years ago
|
Updated 3 years ago

Recoil is a new (experimental!) library from Facebook that can handle complex shared data across a large react app.

In this course, we'll create a simple game with React using Recoil, to explore how you can share and update state across an app using Atoms and Selectors.

Recoil is similar to (but different than) Context, Redux, or other shared state libraries (like MobX), but is designed to handle large (and variable) numbers of state that can update without re-rendering your entire app's component tree.

What you'll learn:

  • Organize Atom and Selector files within an application
  • Share state throughout an application with Atoms
  • Set computed values with Recoil selectors
  • Create custom Recoil hooks for shared functionality
  • Handle async Atoms with React Suspense

Course Content

16m • 6 lessons

    You might also like these resources:

    illustration for Sync State Across Components with Recoil in React
    Tomasz Łakomy • 5m • Course

    Recoil works and thinks like React. Add some to your app and get fast and flexible shared state.

    illustration for Manage React State with Recoil
    Yoni Weisbrod ・24m・Course

    Start with the basics of state management and dive further into the selector API, as well as learning different strategies for handling synchronous and asynchronous Selectors

    illustration for React Context for State Management
    Dave Ceddia • 35m • Course

    You’ll learn how to create a context, how to pass data through an app without manually passing props everywhere, and how to group related data using simple wrapper components.