React 【入門編】 関数型更新（Updater Function）の仕組み – React実践ガイド
こんにちは！Reactの学習、楽しく進められていますか？画面がスイスイ動く魔法のようなアプリが作れる一方で、最初は「あれ？なんだか思っていた通りにデータが更新されないぞ……？」と首をかしげる瞬間、ありますよね。大丈夫ですよ、その戸惑いは誰も...
React
React React 【入門編】 useStateの基本構文と初期化 – React実践ガイド
こんにちは！フロントエンドの現場を渡り歩いているチーフアーキテクトの私です。Reactの世界へようこそ！最初は「コンポーネント？」「フック？なんだそりゃ…」と、呪文のような用語の連続で頭がクラクラしますよね。めちゃくちゃよく分かります。私も...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 React Strict ModeとPropsのライフサイクル – React実践ガイド
こんにちは！Reactの学習、毎日お疲れ様です。画面の中に自分の書いたコードでボタンがポコッと現れて、クリックしたら動く……あの瞬間って、何年エンジニアをやっていてもやっぱりワクワクしますよね。さて、今回はReactを学び始めた人が「あれっ...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 Contextを用いたPropsバケツリレーの最適化 – React実践ガイド
こんにちは！Reactの学習、楽しく進められていますか？画面上のボタンをクリックしたら別の場所がパッと変わったり、自分だけのアプリが形になっていくのは本当にワクワクしますよね。でも、Reactを学び始めて少し経つと、こんな「モヤモヤ」にぶつ...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 forwardRefとPropsの組み合わせ – React実践ガイド
こんにちは！Reactの学習、楽しく進められていますか？コンポーネントを組み合わせて画面を作っていく感覚は、まるでレゴブロックのようでワクワクしますよね。でも、Reactを触り始めて少し経つと、こんな壁にぶつかることがありませんか？「親コン...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 Compound ComponentsにおけるProps共有 – React実践ガイド
こんにちは！Reactの世界へようこそ。チーフアーキテクトの私です。Reactを触り始めて、「あ、コンポーネントを細かく分けていこう！」と思ったあたりで、こんな壁にぶつかったことはありませんか？「親から子へ、さらにその孫へと、何重にもPro...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 Propsのレスト・スプレッド構文 – React実践ガイド
こんにちは！Reactの学習、楽しく進められていますか？「组件（コンポーネント）をたくさん作れるようになってきたぞ！」というワクワクする反面、こんな悩みに出会ったことはありませんか？「親から受け取ったたくさんのProps（プロパティ）を、そ...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 デフォルトPropsの定義パターン – React実践ガイド
こんにちは！Reactの世界へようこそ。チーフアーキテクトの私です。Reactを学び始めの頃って、次から次へと新しい概念が出てきて、頭がパンクしそうになりますよね。「コンポーネント」「State」「Props」……。うんうん、その気持ち痛い...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 ジェネリクスを用いたコンポーネントのProps定義 – React実践ガイド
こんにちは！フロントエンドの現場を渡り歩いている、チーフアーキテクトの私です。Reactを触り始めて、「よし、コンポーネントを再利用して綺麗にコードを書くぞ！」と意気込んだものの、TypeScriptの型定義の壁にぶつかって頭を抱えていませ...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 Props定義におけるinterfaceとtypeの使い分け – React実践ガイド
こんにちは！Reactの学習、楽しく進められていますか？画面にボタンを表示して、クリックしたら文字が変わって……という感動を味わったあとに、ふとこんな疑問が湧いてきませんでしたか？「あれ？ コンポーネントにデータを渡すときの型定義、`int...