React
コンポーネント、フック、state で本物の UI を。
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 時間
- レベル
- 中級
このコースのレッスンは、現在英語のみです。
- ブロンズ 挑戦可
- シルバー 挑戦可
- ゴールド ロック
実力を証明しますか？
ブロンズ、シルバー、ゴールドの 3 つの試験が待っています。
できるようになること
- 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 / 42 第 2 章Props and state
Pass data down with props, remember values with state, and update it without mutating.
0 / 43 第 3 章Lists, events and forms
Render lists with keys, handle events, control inputs and submit forms with Actions.
0 / 44 第 4 章Effects and refs
Sync with the outside world, fetch data safely, use refs, and skip effects you do not need.
0 / 45 第 5 章Sharing logic
Context, reducers, custom hooks, and memoization only where it pays off.
0 / 46 第 6 章Modern React
Suspense and use, Server Components, error boundaries, testing and accessibility.
0 / 4