React 【入門編】 コンポーネント分割の設計指針 – React実践ガイド
やあ、こんにちは。Reactの世界へようこそ。最初は「コンポーネント？」「仮想DOM？」「JSX？」と、アルファベットの羅列に頭を抱えたくなるよね。その気持ち、痛いほどよくわかります。僕も最初はそうでしたから。でも大丈夫。Reactを難しく...
Reactの基本概念（仮想DOM、JSXの構文ルール、コンポーネントの分割設計）
React React 【入門編】 コンポーネントの合成（Composition） – React実践ガイド
こんにちは。Reactの世界へようこそ。Reactを学び始めると、最初は「仮想DOM？」「フック？」「Props？」と、専門用語のラッシュに溺れそうになりますよね。でも大丈夫、安心してください。今日は、Reactを魔法のように便利にしてくれ...
React 【入門編】 関数コンポーネントの定義と基本構造 – React実践ガイド
こんにちは。Reactの世界へようこそ。「Reactってなんか難しそう…」「コンポーネントとか関数とか、急に横文字が増えて頭がパンクしそう」……そう思っていませんか？大丈夫です。最初から全てを完璧に理解している人なんて、この世に一人もいませ...
React 【入門編】 childrenプロパティの役割と利用 – React実践ガイド
こんにちは！Reactの世界へようこそ。フロントエンドの最前線でコードを書き続けていると、たまに「Reactって、実はめちゃくちゃ人間くさい仕組みだな」と思うことがあります。今日は、Reactを学ぶ上で最初の大きな「壁」であり、同時に「最強...
React 【入門編】 JSXにおける属性とPropsの受け渡し – React実践ガイド
こんにちは。フロントエンドの迷宮へようこそ。Reactの世界に足を踏み入れたばかりの頃って、HTMLと似ているようで微妙に違う「JSX」というやつに、いきなり肩透かしを食らったりしませんか？「あれ、`class`って書いたのに反映されないぞ...
React 【入門編】 JSXの基本構文とJavaScript式 – React実践ガイド
やあ、こんにちは。Reactの世界へようこそ。フロントエンドの最前線でコードを書いていると、つい「効率」や「パフォーマンス」といった硬い言葉ばかり使いがちだけど、今日は少し肩の力を抜こう。Reactを学び始めた君が最初にぶつかる壁、それが「...
React 【入門編】 仮想DOMとReconciliation（差分検出）の仕組み – React実践ガイド
魔法じゃない、Reactの「差分検出」という凄まじい工夫の話こんにちは！Reactの世界へようこそ。初めてReactを触ったとき、多くの人が「え、なんでコードを書き換えるだけで画面が勝手に変わるの？」と魔法のように感じますよね。でも、安心し...