React Foundations II
Understand effects, refs, context, reducer patterns, and component lifecycle decisions without overusing them.
Lessons
Effects and External Synchronization
Effects synchronize React with systems outside React: subscriptions, browser APIs, imperative widgets, manual network work.
Lab — Effects and External Synchronization
Hands-on transfer lab for the preceding concept.
Refs and Imperative Escape Hatches
Refs hold mutable values that do not trigger rendering and can reference DOM nodes.
Lab — Refs and Imperative Escape Hatches
Hands-on transfer lab for the preceding concept.
Context and Provider Boundaries
Context passes a value through a subtree without threading props through every intermediate component.
Lab — Context and Provider Boundaries
Hands-on transfer lab for the preceding concept.
Reducers for Explicit State Transitions
useReducer is useful when local state has several related transitions and named events improve clarity.
Lab — Reducers for Explicit State Transitions
Hands-on transfer lab for the preceding concept.
React Debugging and Render Reasoning
When UI is wrong, identify the source of truth and inspect props/state at the render where the problem occurs.
Lab — React Debugging and Render Reasoning
Hands-on transfer lab for the preceding concept.