React

1. Thinking in React

   Breaking a UI into a component hierarchy, building a static version, finding the minimal state, and deciding where state lives with one-way data flow.

2. Components, JSX and props

   Defining function components, importing and exporting them, writing JSX markup, embedding JavaScript with curly braces, and passing props including children.

3. Conditional rendering and lists

   Rendering with if, ternary and && , mapping arrays to elements, and choosing stable keys for list items.

4. Keeping components pure

   Pure render functions without side effects, local mutation, StrictMode double rendering, and why rendering must be idempotent.

5. Your UI as a tree

   The render tree and module dependency tree, how components nest, and how bundlers relate to them.

6. Events and state

   Event handlers, useState hook, local component memory, and re-rendering on state change.

7. Render and commit

   The trigger, render and commit phases, how React updates the DOM, and when the browser paints.

8. State as a snapshot and update queues

   State as a snapshot per render, batching, updater functions, queued updates, and immutably updating objects and arrays in state.

9. Choosing state structure

   Reacting to input with declarative state, avoiding redundant or contradictory state, deriving values, flattening nested state, and avoiding duplication.

10. Lifting state up and preserving/resetting state

    Lifting state to a common parent, controlled vs uncontrolled components, and how position and key preserve or reset state.

11. Reducers

    Consolidating state logic with useReducer, actions and dispatch, pure reducer functions, and Immer.

12. Context

    Avoiding prop drilling with createContext and useContext, providers, and scaling up by combining reducer and context.

13. Refs

    useRef for values that do not trigger renders, and manipulating DOM nodes with ref callbacks, forwardRef, and flushSync.

14. Synchronizing with Effects

    useEffect, setup and cleanup, dependency arrays, synchronizing with external systems, and handling double-invoked effects in development.

15. You might not need an Effect

    Replacing effects with derived values, memoization, event handlers and key resets; data fetching pitfalls and race conditions.

16. Effect lifecycle and dependencies

    Reactive values and dependencies, separating events from effects with useEffectEvent, and removing unnecessary dependencies.

17. Custom Hooks

    Extracting reusable stateful logic into use-prefixed hooks, sharing logic not state, and passing reactive values between hooks.

Each section links to the official page. Titles and summaries by Extra Credit; the docs belong to their authors.

Source: endoflife.date

• pytest
• Qt
• Quarkus
• Qwik
• Radix UI
• Rails
• React Native
• React Router
• Redux
• Remix
• Rollup
• RxJS