React初心者

React

やさしいReact入門⑨

useEffectの依存配列を理解しよう前回の記事では、useStateを使ってStateを管理する方法について、詳しく見ていきました。今回は、useEffectについてもう少し詳しく見ていきましょう。useEffectを使っていると、次の...
React

やさしいReact入門⑧

useStateをもう少し詳しく理解しようこちらの記事で、useStateを使ってStateを管理する基本的な方法について学びました。今回は、useStateについてもう少し詳しく見ていきましょう。useStateはシンプルに見えますが、S...
React

やさしいReact入門⑥

JavaScriptの非同期処理をやさしく理解する|Promiseとthenの基本JavaScriptを書いていると、こんなコードを見かけることがあります。fetch("") .then(response => response.json(...
React

やさしいReact入門⑤

Reactの副作用:useEffectの基本的な使い方をやさしく解説副作用(Side Effect)とは?useStateによる状態管理を理解したら、次に覚えておきたいのが副作用(Side Effect)という考え方です。副作用とは簡単に説...
React

やさしいReact入門④

Reactの状態管理:useStateでコンポーネントを動的に変化させるReactでアプリケーションを開発していると、「ユーザー操作に応じて画面を変化させたい」という場面が必ず出てきます。例えば、以下のような処理です。ボタンをクリックすると...
React

やさしいReact入門③

Propsとは?親子コンポーネントでデータを受け渡す方法をやさしく解説Reactでコンポーネントを作成できるようになると、次に学ぶのがProps(プロップス)です。前回の記事では、コンポーネントを作成し、Appコンポーネントから呼び出す方法...
React

やさしいReact入門①

React初心者が最初に覚えたい!JSX(TSX)の基本ルールとHTMLとの違いReactを学び始めると、最初に戸惑うのがJSX(TSX)ではないでしょうか。JavaScriptなのにHTMLみたいなコードが書かれている…HTMLと何が違う...