React

React Code

レンダー

シンプルな描画

Tom

CEO

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Temporibus ex

リスト

同じアイテムを繰り返す

Tom
Jerry
Mickey

State(状態)

画面の状態を管理

5P

Props

値の受け渡し

Level 1

Level 2

Context

コンポーネントをまたぐ値の受け渡し

Level 1

Level 2

Level 3

useEffect

副作用を扱う

useMemo

値のキャッシュ

useCallback

関数のキャッシュ

Hooks(カスタムフック)

状態やライフサイクルを管理

FaaC

children で関数を使う

Level 1

ユーザーは オフライン です

Level 2