The following items define the scope of the lesson. The lesson outline is flexible; you can improve, expand, and omit items whilst writing lesson content (make sure the pull request description mentions that).
Describe that managing and passing around data and state becomes repetitive in larger applications.
Explain the prop drilling pattern that occurs. -
Introduce the Context API as a way to pass state and data deep into React components. Walkthrough an example of incorporating Context in an application.
Talk about the drawbacks of Context API
might cause unnecessary re-renders. potential solution: every context provider should provide a small state
state gets harder to find and reason about. potential solution: component composition
Acceptance Criteria
If the requirements here are not met, the work effort is not complete.
[ ] Lesson conforms to the outline above (unless outline has been modified).
We'll use CodeSandbox for interactive examples. To add these examples, follow the instructions in the react-examples repository and create a Pull Request there. When approved, the example will eventually be uploaded to CodeSandbox. In the meantime, leave a placeholder in the lesson file like so:
// some lesson content
**EXAMPLE GOES HERE**
// some lesson content
Lesson: Managing State with the Context API
Section: More React Concepts
Lesson Overview
Welcome Context API!
Lesson Outline
The following items define the scope of the lesson. The lesson outline is flexible; you can improve, expand, and omit items whilst writing lesson content (make sure the pull request description mentions that).
Acceptance Criteria
If the requirements here are not met, the work effort is not complete.
Additional Information
Get The Lesson Template
Download the lesson template using the following command (replace lesson_name with the actual lesson name):
Adding Interactive Examples
We'll use CodeSandbox for interactive examples. To add these examples, follow the instructions in the react-examples repository and create a Pull Request there. When approved, the example will eventually be uploaded to CodeSandbox. In the meantime, leave a placeholder in the lesson file like so: