React– category –
-
React
【サンプルコードあり】react-bootstrapの使い方を初心者向けに解説
人気の CSS フレームワークとして Bootstrap がありますよね。Bootstrap は簡単に見た目を整えることができ、初心者をはじめ人気のライブラリです。 これを React アプリに適用しようとすると、以下のような疑問が生まれるかと思います。 どのCSSフレーム... -
React
Reactエラーハンドリング完全ガイド: 実例で学ぶエラー管理の重要性
あなたがWebアプリケーションを開発している時、きっと一度は「エラー」に出会ったことがあるでしょう。 しかし、ユーザーがエラーに出会ってしまうことは絶対に避けなければいけません。 例えば初めて使うサイトで操作を行った時、真っ白の画面が表示され... -
React
React Testing Libraryの使い方ガイド!Reactのユニットテストを書こう
React Testing Libraryは、Reactアプリケーションのユニットテストを書くための便利なツールです。しかし、これが初めての場合、どこから始めたらいいのか、何を学べばいいのか迷うことでしょう。 このガイドは、React Testing Libraryの基本的な概念と使... -
React
React Queryとは?状態管理・データ再取得の仕組みを作ろう
React Queryは、あなたのウェブアプリケーションにAPI(インターネットを介してデータを送受信するための仕組み)を組み込む際に便利なツールです。これから、その使い方を詳しく解説していきます。 【React Queryとは何か?】 まず最初に、React Queryに... -
React
ReactでのTypeScript入門!環境構築から関数コンポーネントの活用まで
この記事では、ReactとTypeScriptの組み合わせで開発環境を作り型、関数コンポーネントをどう活用するかについて説明します。 【ReactとTypeScriptの組み合わせについて】 ReactとTypeScriptの相性 Reactはウェブアプリケーションを作るためのツールです。... -
React
Reactのライブラリ「Redux」の使い方 | Redux ToolkitとHooksとの違いは?
この記事では、ReactとReduxの基本的な使い方から、Redux ToolkitやHooksの活用方法、さらにTypeScriptとの組み合わせまで、詳しく解説します。 【1. ReactとReduxとは:基本理解のための入門】 まず、Reactとは、Facebookが開発したユーザインターフェー... -
React
react-modal で簡単にモーダルを作ろう!初心者向けにわかりやすく解説
リッチな見た目のWebサイトを作ろうと思うと、モーダルを使いたくなる場面も多いかと思います。 しかし、ゼロから CSS や JavaScript を書いてモーダルを作るのは大変ですよね,,,。 そこで、今回は react-modalというライブラリを使って簡単にモーダルを実... -
React
React Suspenseの使い方を初心者向けに解説!axios/fetchとの連携やHooksの活用まで
【React Suspenseとは何か?】 React Suspenseとは、React(ウェブサイトを作成するためのJavaScriptのライブラリ)の機能の一つです。この機能は非同期のデータ取得を待つ間、一時的に表示を停止したり、ロード中の画面を表示したりすることができます。... -
React
React-Selectの基本的な使い方を解説!複数選択やTypeScriptとの組み合わせまで
選択ボックス(セレクトボックス)をただ作るだけであれば簡単ですが、たとえば以下のような機能もつけるとなると少し大変ですよね。 選択肢を検索できる 選んだ複数の選択肢を表示させる 選択肢ごとに色を変える そこで、React で選択ボックスを作る際に... -
React
ReactのPropsとは?渡し方・受け取り方をTypeScript例で解説
【ReactのPropsとは?】 React(リアクト)とは、Facebookが開発したJavaScriptのライブラリの一つで、ユーザーインターフェースの作成に特化しています。Reactの強力な機能の一つは、コンポーネントという概念です。コンポーネントとは、再利用可能な独立...