React

1. 1

   什么是 React？

   What React isComponents as functionsVirtual DOM intuitionRendering JSXCreating a Vite app
   25 分钟
2. 2

   JSX 与组件 (Components)

   JSX syntax rulesSingle root elementClassName vs classEmbedding expressions with {}Defining componentsComposing components
   30 分钟
3. 3

   属性 (Props)

   Passing props as attributesReceiving props objectDestructuring props in signatureDefault valuesThinking about prop shapes
   30 分钟
4. 4

   使用 useState 管理状态 (State)

   UseState hookReading stateCalling the setterUpdater function formNever mutate stateCounter pattern
   35 分钟
5. 5

   处理事件

   OnClick handlerOnChange basicsPassing functions vs calling themEvent objectPassing handlers as props
   30 分钟
6. 6

   条件渲染与列表

   && for show/hideTernary for either/orMapping arrays to JSXThe key propWhy keys need to be stable
   30 分钟
7. 7

   表单与受控输入 (Controlled Inputs)

   Controlled input patternValue and onChange togetherMulti-field form stateOnSubmit and preventDefaultGathering form data
   35 分钟
8. 8

   使用 useEffect 实现副作用 (Effects)

   What counts as a side effectUseEffect signatureDependency arrayRunning on mount onlyCleanup functionSubscribe/unsubscribe pattern
   40 分钟
9. 9

   组件组合 (Component Composition)

   Children propWrapping componentsPassing JSX as propsLifting state upThinking in component trees
   35 分钟
10. 10

    Context 与 useContext

    CreateContextContext.ProviderUseContextWhen context is the right toolContext vs prop drilling tradeoffs
    35 分钟
11. 11

    useReducer

    When to reach for useReducerReducer function shapeAction objectsDispatchCombining useReducer with useContext
    35 分钟
12. 12

    自定义钩子 (Hooks)

    Extracting stateful logic into a functionUse prefix conventionUseToggle exampleUseLocalStorage exampleHooks rules
    35 分钟
13. 13

    性能与记忆化 (Memoization)

    React.memo for componentsUseMemo for expensive computationsUseCallback for stable function referencesWhen memoization is overkillMeasuring before optimizing
    35 分钟
14. 14

    数据获取

    Fetch inside useEffectLoading/error/data statesAbortController cleanupPreventing setState after unmountMention TanStack Query as a next step
    40 分钟
15. 15

    使用 React Router 进行路由

    Installing react-router-domBrowserRouterRoutes and RouteLink for navigationUseParamsUseNavigate
    40 分钟
16. 16

    测试 React 组件 (Components)

    Vitest + React Testing Library setupRender and screenGetByRole queriesUserEvent for interactionsWriting one good button test
    40 分钟
17. 17

    顶点项目：待办事项应用

    Combining state, lists, controlled inputsCustom hook for localStorage persistenceSmall routing setupPutting it together
    60 分钟

每一节课、测验和导师回复都以你的语言显示。AI 导师会用你提问的语言来回答。

See how hiring teams interview engineers on React, in production-like environments.