illustration for Getting Started with Recoil in React

Getting Started with Recoil in React

Instructor

Chris Achard
16m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.6
357
people completed
Bookmark
Download
RSS

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

Learner Reviews

  • Vijay P R
    3 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Quick intro to get started with recoil provided you have a good understanding of React , custom hooks and suspense

  • hawaijar
    3 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Great! I think the recoil apis are very similar to Context apis. The Author makes us feel at home while going through this new concept. Great work!

  • Marius G
    3 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    great work, the library is still in its early stages. so its understandable the course is very short. But well done for putting this together.

  • Ahmed AlQahtani
    3 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    short! right to the point! bravo!!

  • Creeland Provinsal
    3 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Everything was taught very clearly. I now have a basic understanding of how to use Recoil!

  • Anyelo Almánzar Mercedes
    3 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Its simplicity and go direct to the point

Course Content

16m • 6 lessons

    You might also like these resources:

    illustration for Introduction to Cloudflare Workers

    Introduction to Cloudflare Workers

    Kristian Freeman・36m・Course

    Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.

    illustration for Create an eCommerce Store with Next.js and Stripe Checkout

    Create an eCommerce Store with Next.js and Stripe Checkout

    Colby Fayock・1h 4m・Course

    This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio

    illustration for Practical Git for Everyday Professional Use

    Practical Git for Everyday Professional Use

    Trevor Miller・1h・Course

    git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.