Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 Server ComponentsをPropsとして渡すパターン – React実践ガイド
こんにちは！Reactの学習、毎日お疲れ様です。コンポーネントを組み合わせて画面を作っていく楽しさが分かってきた一方で、「あれ、このデータはどうやって親から子へ渡すんだっけ？」「Propsの型付けってどうやるんだっけ……」と、頭がモヤモヤす...
React
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 React Server ComponentsにおけるPropsのシリアライズ制約 – React実践ガイド
こんにちは！Reactの学習、毎日お疲れ様です。コンポーネントを組み合わせて画面を作っていく楽しさが分かってきた一方で、「なんだか最近、エラーがよく出るな……」と頭を抱えていませんか？特に、今熱い注目を集めている「React Server ...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 useMemoによるオブジェクト・配列Propsのメモ化 – React実践ガイド
こんにちは！Reactの学習、楽しく進めていますか？画面上のボタンをクリックしたらフワッと動いたり、入力した文字がリアルタイムで反映されたり……Reactって本当に魔法みたいなフレームワークですよね。でも、少しずつアプリが大きくなってくると...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 useCallbackによる関数Propsの安定化 – React実践ガイド
こんにちは！Reactの学習、楽しく進めていますか？「画面に文字が出た！」「ボタンが動いた！」という感動を味わったあと、少しずつアプリが複雑になってくると、必ずと言っていいほどぶつかる壁があります。それが「あれ？ なんかこのコンポーネント、...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 Propsバケツリレー問題とその解決策 – React実践ガイド
こんにちは！Reactの学習、楽しく進めていますか？画面上のボタンがカチッと動いたり、入力した文字がリアルタイムで反映されたりすると、「おっ、私すごいものを作ってるぞ！」というワクワク感がありますよね。でも、アプリが少しずつ大きくなってくる...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 単体テストにおけるPropsのモック化 – React実践ガイド
こんにちは！Reactの世界へようこそ、チーフアーキテクトの私です。Reactを学び始めて、「画面を作るのは楽しくなってきたぞ！」という頃に、多くの人がぶつかる最初の高い壁……それがそう、「単体テスト（Jestなどを使ったテスト）」ですよね...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 React Testing Libraryを用いたPropsの検証 – React実践ガイド
こんにちは！Reactの学習、楽しく進められていますか？「コンポーネントを作ったはいいけれど、ちゃんとProps（プロパティ）が正しく画面に反映されているか、どうやって確かめればいいんだろう……？」そんな風に悩んで、ブラウザで何度も画面をリ...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 styleとclassNameのProps設計 – React実践ガイド
こんにちは！Reactの世界へようこそ。チーフアーキテクトの私です。Reactを学び始めると、必ずと言っていいほど直面する壁があります。それが「作ったコンポーネントの見た目を、後からいじりたい時にどうすればいいのか？」という問題です。例えば...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 イベントハンドラPropsの型定義 – React実践ガイド
こんにちは！Reactの世界へようこそ。チーフアーキテクトの私です。Reactを学び始めると、避けて通れないのが「Props（プロップス）」によるコンポーネント同士のデータのやり取りですよね。親から子へデータを渡すのはだんだん慣れてきたけれ...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【入門編】 スプレッド演算子によるPropsの展開と型安全性 – React実践ガイド
こんにちは！Reactの学習、楽しく進めていますか？画面をパーツごとに分けて組み立てられるようになってくると、「おっ、なんだかすごいアプリを作っているぞ！」というワクワク感が出てきますよね。でも、そんな学習の途中で、多くの人が「うわっ…」と...