React 【入門編】 TypeScriptにおけるuseStateの型推論とジェネリクス – React実践ガイド
こんにちは！Reactの世界へようこそ。チーフアーキテクトの私です。Reactを触り始めて、最初に仲良くなるフックといえば、そう、`useState`ですよね。「画面のデータを覚えておいてくれる便利なメモ帳」のような感覚で、直感的に使えるの...
React
React React 【入門編】 Strict Modeにおける二重レンダリングとuseState – React実践ガイド
こんにちは！フロントエンドの現場を渡り歩いているチーフアーキテクトの私です。Reactを学び始めて、いざコードを書き始めたとき、こんな現象に出くわしたことはありませんか？「あれ？ `console.log` を1回しか書いていないのに、画面...
React 【入門編】 派生状態（Derived State）の計算と不要なuseStateの削減 – React実践ガイド
こんにちは！Reactの学習、楽しく進めていますか？「画面に文字を入力したら、別の場所にもリアルタイムで反映させたい」「お買い物の合計金額を自動で計算させたい」……そんな風に画面を作っていくうちに、ふとこんな疑問が湧いてくることありませんか...
React 【入門編】 flushSyncによるバッチ処理の強制解除 – React実践ガイド
こんにちは！Reactの学習、楽しく進めていますか？「画面の見た目をパパッと変えたいのに、なぜかワンテンポ遅れる気がする……」「ボタンを押した直後に、どうしてもDOMの大きさを測りたいのにうまくいかない！」そんな、Reactの「ちょっとおせ...
React 【入門編】 関数型更新による競合状態の解決 – React実践ガイド
こんにちは！Reactの学習、楽しく進めていますか？画面がスイスイ動くWebアプリを作れるようになってくると本当にワクワクしますよね。でも、Reactを触り始めて少し経った頃、誰もが一度は「あれ？なんで今の値が反映されないんだろう…？」とい...
React 【入門編】 複数useStateとオブジェクト状態の使い分け – React実践ガイド
こんにちは！Reactの世界へようこそ。チーフアーキテクトの私です。Reactを触り始めて最初に覚える魔法の呪文、それが `useState` ですよね。「画面のデータを覚えておいて、変わったら再描画してくれる」という超便利機能ですが、しば...
React 【入門編】 オブジェクト状態の不変性（Immutability） – React実践ガイド
こんにちは！Reactの学習、楽しく進めていますか？画面がスイスイ動く魔法のようなアプリが作れる一方で、最初につまづきやすいのが「あれ？画面がうまく更新されないぞ……？」という謎の現象です。その原因の多くは、今回一緒に紐解いていく「オブジェ...
React 【入門編】 遅延初期化（Lazy Initialization） – React実践ガイド
こんにちは！Reactの学習、楽しく進められていますか？画面を自由に動かせるようになってくると、「よし、何かアプリを作ってみるぞ！」とワクワクしてきますよね。でも、Reactを触り始めたばかりの頃って、次のような不思議な壁にぶつかりがちなん...
React 【入門編】 ステイルクロージャ（Stale Closure）の回避 – React実践ガイド
こんにちは！Reactの学習、楽しく進められていますか？画面を自由に動かせるようになってくると、「よし、アプリっぽくなってきたぞ！」とワクワクする反面、なんだかよく分からない不思議なバグにぶつかって頭を抱えてしまうこと、ありますよね。特に、...
React 【入門編】 React状態更新の非同期性とバッチ処理 – React実践ガイド
こんにちは！Reactの学習、楽しく進められていますか？画面に文字が出たり、ボタンを押すと色が変わったりすると、「おっ、動いた！」という感動がありますよね。でも、しばらく触っていると、なんだか不思議な現象に出会いませんか？「あれ？ 状態を更...