YoVDO

Sync State Across Components with Recoil in React

Offered By: egghead.io

Tags

React Courses Web Development Courses Atoms Courses Selectors Courses

Course Description

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

Related Courses

Chemistry – Building Blocks of the World
Swinburne University of Technology via Open2Study
Introduction to Chemistry
Duke University via Coursera
General Chemistry
The University of Oklahoma via Janux
La Química Orgánica: un mundo a tu alcance
Universidad Autónoma de Madrid via edX
From Atoms to Stars: How Physics Explains Our World
National Research Nuclear University MEPhI via edX