用語集に戻る
フロント中級

再描画

一言で言うと

state が変わったときに React が UI を更新する動き。

もう少し詳しく

一言で言うと

state や props が変わったとき、または親コンポーネントが再描画されたときに、React がコンポーネントを再実行して UI を更新する動き。

もう少し詳しく

state や props が変わったとき、または親コンポーネントが再描画されたときに、React がコンポーネントを再実行して UI を更新する動き。IT エンジニアリングの現場で頻繁に登場する概念のひとつで、関連する仕組みやベストプラクティスと合わせて理解しておくと応用が利きます。

フロントエンド開発で日常的に登場する概念で、React や Vue・Svelte などのフレームワークでも頻繁に使われます。コンポーネント設計・状態管理・パフォーマンスチューニングといった文脈で意識される用語です。

実務でどう使うか

  • UI 実装: 画面の振る舞いを実装する際に意識する概念です

  • パフォーマンス: 表示速度・体感速度のチューニング判断に使えます

  • アクセシビリティ: 多様なユーザーが使いやすい UI を組む際に関連します
  • 関連する章

    Ch168 で詳しく学べます。

    関連する用語

    この用語を学べるコース

    この用語を実際に使ってみよう

    チョットデキルなら、5分のレッスンで実際にコードを書いて学べます。

    コース一覧を見る