I

フロントエンド・React・Next.js

ReactとNext.js。モダンなフロントエンドの部品と流れ。

10本57分

フロントエンド・React・Next.jsの全10本

きほん → つくる → のばす、の順に並んでいます。

STEP 2STEP 2 つくるアプリを組み立てる知識。UI・フロント・バックエンド・DB・要件定義。10本

フロントエンドの責任範囲表示、入力、画面状態、通信開始、ユーザーへのフィードバックを担う層として整理する。STEP 2 つくる6分 コンポーネントUIを役割ごとの部品へ分け、組み合わせて画面を構成する考え方を説明する。STEP 2 つくる5分 props親コンポーネントから子コンポーネントへ値や設定を渡す一方向のデータ伝達を説明する。STEP 2 つくる5分 stateユーザー操作や通信結果によって変化し、再描画へ影響するデータを説明する。STEP 2 つくる6分 レンダリングstateやpropsから画面の出力を計算し直すReactの基本モデルを説明する。STEP 2 つくる6分 イベント処理クリックや入力などのイベントが状態更新や通信開始へつながる流れを説明する。STEP 2 つくる5分 Effect画面描画そのものではなく、外部システムとの同期に使う処理として説明する。STEP 2 つくる6分 ルーティングとレイアウトURLとページの対応、共通レイアウト、ネストされた画面構造を説明する。STEP 2 つくる6分 サーバーコンポーネントとクライアントコンポーネントサーバーで処理する部分とブラウザで対話性を持つ部分の境界を説明する。STEP 2 つくる6分 データ取得・キャッシュ・再検証取得場所、保存期間、古いデータ更新、ユーザーごとの差を設計する考え方を説明する。STEP 2 つくる6分