Scaling Up with Reducer and Context

Author: tombohub

README.md

@@ -311,3 +311,22 @@ On this page you learned:
 <br>
 
 
+### Scaling Up with Reducer and Context
+
+## Recap[](https://react.dev/learn/scaling-up-with-reducer-and-context#recap "Link for Recap")
+
+- You can combine reducer with context to let any component read and update state above it.
+- To provide state and the dispatch function to components below:
+    1. Create two contexts (for state and for dispatch functions).
+    2. Provide both contexts from the component that uses the reducer.
+    3. Use either context from components that need to read them.
+- You can further declutter the components by moving all wiring into one file.
+    - You can export a component like `TasksProvider` that provides context.
+    - You can also export custom Hooks like `useTasks` and `useTasksDispatch` to read it.
+- You can have many context-reducer pairs like this in your app.
+
+*link: https://react.dev/learn/scaling-up-with-reducer-and-context*
+
+<br>
+
+