Reactの基本概念(仮想DOM、JSXの構文ルール、コンポーネントの分割設計)

スポンサーリンク
React

【入門編】 React.memoによるコンポーネントのメモ化 – React実践ガイド

こんにちは。Reactの世界へようこそ。日々コードを書いていると、「あれ? このコンポーネント、今のタイミングで再レンダリングされる必要ある?」とモヤモヤすること、ありますよね。大丈夫、それはあなたが成長している証拠です。今日は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...
スポンサーリンク