#React
85 件の記事
TypeScript + React 実践 #6 fetch と API レスポンスの型付け
ジェネリック fetcher の限界と危険性、そして zod ランタイム検証で外部データを本当に安全に扱うパターンまでを整理します。
TypeScript + React 実践 #5 Context とジェネリックコンポーネント
createContext の型引数パターンと安全な useContext ヘルパー、そしてジェネリックコンポーネントで再利用可能な List/Select のようなコンポーネントを作る方法。
TypeScript + React 実践 #4 イベントとフォームの型付け
React のイベントオブジェクトにどんな型を使うのか、制御/非制御フォームを TypeScript でどう型付けするのかを実践パターンで整理します。
TypeScript + React 実践 #3 hooksの型付け
useState/useReducer/useRef/useCallback/useMemoまで、組み込みhookの型をどこまで推論に任せいつ明示するかを整理します。
TypeScript + React 実践 #2 propsとchildrenの型付け
propsの型をどう定義しどこまで絞るか、optional prop・union prop・childrenパターンまで実戦でよく出会う決定を整理します。
TypeScript + React 実践 #1 始まりとセットアップ
なぜReactにTypeScriptを使うのかから、ViteでReact + TSプロジェクトを作って最初のコンポーネントに型を付けるところまで一気に整理します。
Next.jsでブログを作る #4 コメント (Server Actions)
記事ごとにコメントを付けられるようにします。Server Actionsでフォーム送信と検証を処理し、useActionStateでUXを整えるパターンを実戦に適用します。
Next.jsでブログを作る #3 タグと検索
タグ別記事まとめページと、URLクエリパラメータで動作する検索機能を追加します。動的ルートの2つのパターン(generateStaticParams vs searchParams)が一度に登場します。
Next.jsでブログを作る #2 記事一覧と詳細ページ
Server Componentでfsを使ってMDXファイルを直接読み、動的ルートで本文をコンパイルして画面に描く中核の流れを作ります。
Next.jsでブログを作る #1 開始と設計
モダンReactシリーズで学んだServer ComponentsとServer Actionsを実戦プロジェクトに適用してみます。最初の記事は要件、データモデル、フォルダ構造、MDXのセットアップまで。
モダンReact + Next.js #6 Server Actionsとフォーム (まとめ)
Server Actionsでフォーム送信とサーバーデータの変更をシンプルに扱い、useActionState/useFormStatusでUXを整えるパターン、そしてシリーズの振り返りでまとめます。