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

Intro to HTML and CSS
Udacity
CSS Basics
Microsoft via edX
Website Styling
Coursera Project Network via Coursera
jQuery for Absolute Beginners : From Beginning to Advanced
Udemy
Aprende las bases del Css
Udemy