中级代码街区

React

组件、Hook 与 state，打造真实的界面。

React is one of the most widely used libraries for building user interfaces, and React 19 brings Actions, the new use API and Server Components into everyday code. This track takes you from your first component to the patterns real apps rely on: props and state, lists and forms, effects and refs, context, reducers and custom hooks, and finally Suspense, Server Components, error boundaries, testing and accessibility.

You already know JavaScript, so every lesson goes straight to how React thinks, with examples from a small social app called Nova: a feed, like buttons and a leaderboard.

课时: 24
时长: 3 小时
级别: 中级

开始课程 · Components and the tree

本课程的内容目前为英文。

铜牌可挑战
银牌可挑战
金牌未解锁

准备好证明自己了吗？

三场考试正等着你：铜牌、银牌和金牌。

前往考试

学完后你将能够

Break any screen into components and write clean JSX
Manage state with useState and useReducer, and update it without mutation
Build lists, controlled inputs and forms with React 19 Actions
Use effects and refs only where they belong, and clean up after them
Share logic with context and custom hooks, and memoize only when it pays off
Load data with Suspense, understand Server Components, and test accessible components

学习旅程

1
第 1 单元
Thinking in React

Components, the rules of JSX, what rendering really means, and a first post card.

0 / 4
2
第 2 单元
Props and state

Pass data down with props, remember values with state, and update it without mutating.

0 / 4
3
第 3 单元
Lists, events and forms

Render lists with keys, handle events, control inputs and submit forms with Actions.

0 / 4
4
第 4 单元
Effects and refs

Sync with the outside world, fetch data safely, use refs, and skip effects you do not need.

0 / 4
5
第 5 单元
Sharing logic

Context, reducers, custom hooks, and memoization only where it pays off.

0 / 4
6
第 6 单元
Modern React

Suspense and use, Server Components, error boundaries, testing and accessibility.

0 / 4