Lifting State in React
About
In this module, we focus on the concept of lifting state in React applications. We’ll learn the techniques for moving state up to parent components and how to pass functions down to child components as props. The module also covers the principles of unidirectional data flow in React, exploring its impact on application design and component interaction.
Content
| Lesson | Video Time | Video | Skills |
|---|---|---|---|
| Setup | 2 min | link | Setting up the development environment. |
| Concepts | 4 min | link | Describe how lifting state solves the issue of unidirectional data flow. |
| Passing Functions as Props | 6 min | link | Pass a function as a prop. |
| Lifting State | 9 min | link | Lift state upwards to a parent component. |
| Sharing State Between Components | 9 min | link | Updating parent state and passing props to sibling components. |
| Total content | 30 min |
References
Internal
Prerequisites
- React Components
- React State Management
Course landing pages
Resources
Find a 👾 bug 👾 or have suggestions? Let us know!