React 【入門編】 React.memoによるコンポーネントのメモ化 – React実践ガイド
こんにちは。Reactの世界へようこそ。日々コードを書いていると、「あれ？ このコンポーネント、今のタイミングで再レンダリングされる必要ある？」とモヤモヤすること、ありますよね。大丈夫、それはあなたが成長している証拠です。今日はReactの...
Reactの基本概念（仮想DOM、JSXの構文ルール、コンポーネントの分割設計）
React React 【入門編】 レンダリングフェーズとコミットフェーズ – React実践ガイド
こんにちは。Reactの世界へようこそ。Reactを触り始めたばかりの頃、「結局、Reactって裏側で何をしているの？」という疑問にぶつかるのは、誰もが通る道です。公式ドキュメントには「レンダリング」だの「コミット」だのと少し硬い言葉が並ん...
React 【入門編】 状態更新のバッチ処理（Automatic Batching） – React実践ガイド
Reactの「自動バッチ処理」を攻略しよう！画面がチラつかない、賢いレンダリングの仕組みこんにちは！Reactの世界へようこそ。Reactを学び始めると、必ずと言っていいほど「レンダリング（画面の再描画）」という言葉に出会いますよね。「状態...
React 【入門編】 Reactにおけるイベント委譲（Event Delegation） – React実践ガイド
こんにちは！Reactの世界へようこそ。最初は「コンポーネント」だの「仮想DOM」だのと難しい言葉が並んで、少しめまいがしたかもしれませんね。でも、大丈夫。今日お話しする「イベント委譲（Event Delegation）」という仕組みを知れ...
React 【入門編】 合成イベント（SyntheticEvent）の仕組み – React実践ガイド
こんにちは！Reactの世界へようこそ。フロントエンドの荒波を乗り越えてきたエンジニアとして、今日は「Reactのイベントシステム」という、ちょっと奥深くて面白い世界をご案内しますね。Reactでコードを書いていると、`onClick` と...
React 【入門編】 リストレンダリングにおけるkeyプロパティの役割 – React実践ガイド
やあ、Reactの世界へようこそ！フロントエンドの深淵を覗き込んでいる君に、最初に出会う「ちょっとした壁」について話をしようと思う。Reactを触り始めると、必ず一度はコンソールに真っ赤な文字で怒られるんだ。「`Each child in ...
React 【入門編】 Reactの差分検出アルゴリズム（Reconciliation） – React実践ガイド
こんにちは！Reactの世界へようこそ。フロントエンドの荒波を渡り歩いてきた身として、今日はお話ししたいことがあります。Reactを学び始めると、必ずと言っていいほど耳にするのが「仮想DOM（Virtual DOM）」というキーワード。教科...
React 【入門編】 JSX内でのコメント記述方法 – React実践ガイド
こんにちは！Reactの世界へようこそ。新しい技術に触れるとき、「これ、どうやって書くんだっけ？」と小さな疑問が積み重なるのは、あなたが真剣に取り組んでいる証拠です。安心してください、最初はみんなそこで少しだけ立ち止まります。今日は、Rea...
React 【入門編】 React Strict Modeの役割 – React実践ガイド
Reactの世界へようこそ！最初にこの扉を叩いたとき、誰もが一度は「あれ？何でこれ、2回動いてるの？」という不思議な体験をします。ブラウザのコンソールを見て「`console.log` が2回出てる！」と驚いて、自分の書いたコードにバグがあ...
React 【入門編】 JSXにおけるエスケープ処理 – React実践ガイド
こんにちは！Reactの世界へようこそ。フロントエンドの最前線でコードを書いていると、つい難しい横文字で語りたくなってしまうものですが、今日はそんな「小難しい理屈」は一度置いておいて、Reactの「優しさ」についてお話ししようと思います。R...