React

2026年4月2日木曜日読了 9分

ReactでTodoアプリを作る #4 編集機能

項目をダブルクリックするとインライン編集モードに入り、Enterで保存 / Escapeでキャンセルする編集機能を作りながらuseRefも初めて使ってみます。

2026年4月1日水曜日読了 6分

全部 / 未完了 / 完了フィルタを追加し、完了項目の一括削除のような一括処理機能まで作ってみます。

2026年3月31日火曜日読了 6分

各項目にチェックボックスをつけて完了をトグルし、視覚的に区別し、残り/全件数を表示する統計を追加します。

2026年3月30日月曜日読了 7分

基礎講座で学んだReactで本物のTodoアプリを作ってみます。最初の記事は要件定義、コンポーネント設計、そして追加/削除機能までを作ってみます。

2026年3月29日日曜日読了 11分

SPAのルーティング概念とReact Routerの基本的な使い方、動的経路/ナビゲーション/ネストルートまでを一度に見ていきます。

2026年3月28日土曜日読了 9分

React.memo、useMemo、useCallbackを使ったパフォーマンス最適化の方法と、これらのツールをいつ使うべきで、いつ使うべきでないかを整理します。

2026年3月27日金曜日読了 8分

コンポーネント間でロジックをエレガントに共有するツール、カスタムフックの作り方とよく使われる例を見ていきます。

2026年3月26日木曜日読了 7分

prop drilling 問題を解決するツール、React Context API と useContext フックの使い方を学びます。

2026年3月25日水曜日読了 8分

2つの兄弟コンポーネントが同じデータを共有する必要があるときに使う中核パターン、stateのリフトアップを学びます。

2026年3月24日火曜日読了 10分

コンポーネントの外部とインタラクションするside effectを扱う標準ツール、useEffectフックの動作とよくあるパターンを見ていきます。

2026年3月23日月曜日読了 9分

Reactでフォームを扱う定石パターンであるcontrolled component、そしてtextarea/select/checkbox/radioなど様々な入力要素の扱い方を整理します。

2026年3月22日日曜日読了 8分

配列を画面にレンダリングする方法と、その際必ず登場するkey propの意味、そしてインデックスkeyの落とし穴を見ていきます。