Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Sync State Across Components with Recoil in React

via egghead.io

Overview

This course will give you a clear understanding of how to start managing state with Recoil.
Recoil is a state management library for React applications. It provides several capabilities that are difficult to achieve with React alone. It aims to solve a few problems such as shared state, derived data, asynchronous queries, app-wide state observation, routing, and many more issues when managing complex state.
If you are working on an application that is going to need state sync between components, derived state, app-wide observation, Recoil might be the appropriate library for you!
This course will guide you on how to implement Recoil's Hooks in a quick project where you'll have an integer stored on an atom and the use of selectors will allow you to re-calculate a derived state, which in this case, it will calculate the square of your integer.
An efficient and practical course to learning Recoil. The Recoil version used in this course is ^0.0.7, and the latest version is 0.3.1, yet this is still a great introduction to understanding the core functionality of Recoil. As of 0.3.1, there are no major breaking changes.

Syllabus

  • Use a Recoil Atom to Share State Between Two React Components
  • Use useRecoilValue Hook to Read a Value From a Recoil Atom
  • Use Selectors to Calculate Derived Data Based on State Stored within a Recoil Atom

Taught by

Tomasz Łakomy

Reviews

4.4 rating at egghead.io based on 78 ratings

Start your review of Sync State Across Components with Recoil in React

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.