Sync State Across Components with Recoil in React
Offered By: egghead.io
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.
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
Introduction to ReactJSMicrosoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax React
Udacity