Component
コンポーネント
役割ごとに分けたUIの部品。このコースではJSXを返す関数として書く。
関連レッスンを読む →MAKE WORDS YOUR FRIENDS
用語ノート27
はじめは知らなくて当たり前。気になった言葉を、いつでも引ける場所。
JSX
JSX
JavaScriptの中でUIの構造を表す構文。HTMLに似ているが同一ではない。
関連レッスンを読む →Fragment
Fragment
追加のDOM要素なしで複数の子をまとめる仕組み。<>...</>の短い記法がある。
関連レッスンを読む →props
props
親から子へ渡す読み取り専用の入力。値や関数を渡せる。
関連レッスンを読む →children
children
コンポーネントの開始タグと終了タグの間に置いた内容を受け取るprops。
関連レッスンを読む →state
state
コンポーネントが覚え、更新に応じて表示へ反映する状態。
関連レッスンを読む →Event handler
イベントハンドラー
クリックや入力などの操作に対応して実行する関数。
関連レッスンを読む →Hook
フック
useStateなど、コンポーネントからReactの機能を使う関数。このコースのHooksはトップレベルで呼ぶ。
関連レッスンを読む →Snapshot
スナップショット
各描画が、その時点のstateの値を使うという捉え方。
関連レッスンを読む →Functional update
関数型更新
保留中の前のstateを受け取り、次のstateを返す関数を更新用関数へ渡す方法。
関連レッスンを読む →Immutability
不変性
過去のstateを直接変更せず、新しい配列やオブジェクトで置き換える性質。
関連レッスンを読む →key
key
兄弟の一覧項目を安定して識別するための値。通常のpropsとは別に扱われる。
関連レッスンを読む →Controlled input
制御された入力
valueやcheckedの基準をReactのstateなどに置き、変更をハンドラーで反映する入力。
関連レッスンを読む →Lifting state up
stateの持ち上げ
複数の部品で共有するstateの持ち主を共通の親へ移すこと。
関連レッスンを読む →Derived value
導出値
既存のpropsやstateから計算できる表示用の値。重複stateを作らず計算する。
関連レッスンを読む →Effect
Effect
表示中のコンポーネントを外部の購読や接続などと同期する仕組み。
関連レッスンを読む →Cleanup
クリーンアップ
Effectで始めた購読や接続などを解除するために返す関数。
関連レッスンを読む →Dependency
依存値
Effectが読むpropsやstateなど、変化に応じて同期し直す必要がある値。
関連レッスンを読む →Strict Mode
Strict Mode
開発中に純粋さや後片付けの不備などを見つけるため、追加のチェックを行う仕組み。
関連レッスンを読む →ref
ref
再描画をまたいでcurrentに値やDOM参照を持つ仕組み。変更だけでは再描画しない。
関連レッスンを読む →Context
Context
途中のprops受け渡しを減らし、下位の部品へ共通の値を届ける仕組み。
関連レッスンを読む →Reducer
reducer
現在のstateとactionから、次のstateを計算して返す純粋な関数。
関連レッスンを読む →dispatch
dispatch
useReducerで、何が起きたかを表すactionを送る関数。
関連レッスンを読む →Accessibility
アクセシビリティ
操作方法や知覚の違いがあっても、内容を理解して使えるようにすること。
関連レッスンを読む →Component test
コンポーネントのテスト
部品を描画して操作し、利用者に見える結果を確認するテスト。
関連レッスンを読む →Client boundary
Client境界
Next.js App Routerなどで、stateやイベントを使う側のモジュールを示す境界。
関連レッスンを読む →Persistence
永続保存
ページを作り直した後にも値を読み出せる保存の仕組み。stateだけとは別に設計する。
関連レッスンを読む →見つかりませんでした。英語名や、短い言葉で検索してみてください。