React 【入門編】 状態の局所化（State Colocation）の原則 – React実践ガイド
こんにちは！Reactの学習、楽しく進められていますか？画面を自由に動かせるようになってくると、「おっ、私すごいことできるぞ！」ってワクワクしてきますよね。でも、少しアプリが大きくなってくると、こんな壁にぶつかりませんか？「あれ？ このデー...
React
React React 【入門編】 状態管理ライブラリの選定基準と棲み分け – React実践ガイド
こんにちは！Reactの学習、楽しく進めていますか？画面のボタンを押したら数字が増えたり、入力した文字がリアルタイムで変わったり……。「おぉ、動いた！」という感動は、いつになってもエンジニアにとって最高の瞬間ですよね。さて、アプリを作り進め...
React 【入門編】 RecoilのAtomとSelectorの概念 – React実践ガイド
こんにちは！フロントエンドの現場を渡り歩いているチーフアーキテクトの私です。Reactを触り始めて、「よし、コンポーネントを分けて画面を作れるぞ！」となったあたりで、必ずと言っていいほどぶつかる壁がありますよね。そう、「コンポーネントをまた...
React 【入門編】 Zustandにおけるセレクターによるレンダリング最適化 – React実践ガイド
こんにちは！Reactを触り始めて、「よし、状態管理だ！」と意気込んだものの、お馴染みの `useState` や最近よく耳にする `Zustand` の世界で、なんだかモヤモヤとした壁にぶつかっていませんか？「画面のあちこちでデータを共有...
React 【入門編】 Zustandによるストアの作成とフックの利用 – React実践ガイド
こんにちは！Reactの学習、毎日お疲れ様です。画面上のボタンを押したときに数字が変わったり、お買い物かごの中身が増えたりする「状態（ステート）」の管理、最初は`useState`で楽しく作れていたはずなのに、アプリが大きくなるにつれて「あ...
React 【入門編】 カスタムフックにおける依存関係の管理と引数設計 – React実践ガイド
こんにちは！Reactの学習、楽しく進められていますか？画面を自由に動かせるようになってくると、「お、私けっこうできるぞ！」というワクワク感が増してきますよね。でも、しばらくコードを書いていると、なんだかモヤッとする壁にぶつかることがありま...
React 【入門編】 カスタムフックへの状態ロジックの抽出と再利用 – React実践ガイド
こんにちは！Reactの学習、毎日お疲れ様です。画面に文字を入力したらちゃんと動くし、ボタンを押したらパッと色が変わる……。Reactって、自分の手で魔法をかけているみたいで本当にワクワクしますよね。でも、少しずつアプリを作っていくうちに、...
React 【入門編】 useReducerとuseContextの組み合わせによるグローバル状態管理 – React実践ガイド
こんにちは！Reactの学習、毎日お疲れ様です。画面に文字を入力したらちゃんと動くし、ボタンを押したらカウントが増える……。「おっ、Reactって結構楽しいぞ！」と感じてきた頃だと思います。でも、アプリの規模が少し大きくなってくると、こんな...
React 【入門編】 useContextの再レンダリング問題と最適化手法 – React実践ガイド
こんにちは！Reactの学習、毎日お疲れ様です。「よし、画面を作っていくぞ！」と意気込んでコンポーネントを組み始めたものの、`useContext`を使った途端になぜかアプリ全体の動きが重くなったり、意図しないコンポーネントまで何度も再レン...
React 【入門編】 useContextによるコンテキストプロバイダーの構築 – React実践ガイド
こんにちは！Reactの学習、楽しく進められていますか？「コンポーネント同士でデータの受け渡しをしたいだけなのに、なんだか親から子へ、子から孫へと、バケツリレーみたいにpropsを渡していくのが大変……」「どこでどんな状態を持っているのか、...