React

スポンサーリンク
React

【入門編】 状態の局所化(State Colocation)の原則 – 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を渡していくのが大変……」「どこでどんな状態を持っているのか、...
スポンサーリンク