udemyのReact完全入門ガイドを視聴したので、新しく学んだことをメモしました。 React完全入門ガイド 4 章 React に触れる package.jsonのstartは開発環境でサーバーを動かすコマンド package.jsonのbuildは本番環境用にビルドするコマンド package.jsonのej…

JavaScript の非同期通信についてまとめました。 この記事は以下の構成になっています。 非同期通信とは 非同期処理との違い 非同期通信の書き方の種類 Ajax fetch axios React での非同期通信 非同期通信とは 非同期通信とは、JavaScript を使って、ページ…

ESLint についてまとめました。 この記事は以下の構成になっています。 ESLint とは Prettier との違い 従来の設定形式と Flat Config ESLint を使う手順 従来の設定形式から Flat Config への変更 VSCode で ESLint を使う ESLint とは ESLint はコードの品…

React での CSS の適用方法についてまとめました。 この記事は以下の構成になっています。 インラインスタイル CSS を別ファイルにしてインポートする CSS Module CSS-in-JS CSS フレームワーク コンポーネントライブラリ インラインスタイル インラインスタ…

Create React App で React の環境構築を行う方法という記事を書いたので、今回は Create React App を使わずに一から環境構築を行う方法についてまとめました。 この記事は以下の構成になっています。 必要なパッケージ・ツール 完成系のディレクトリとファ…

Web アプリの設計手法である MPA と SPA についてと、 Rails ・ React での SPA の簡単な実装をまとめました。 理解すべきことは以下です。 MPA と SPA それぞれの特徴 MPA と SPA それぞれの構造 MPA と SPA それぞれを実装するために必要な技術 MPA と SPA…

React のプロジェクトを作成する時に使う Create React App についてまとめました。 この記事は以下の構成になっています。 Create React App とは Create React App が行うこと Create React App でプロジェクトを作成する 開発環境 本番環境 テスト Create…

React のクラスコンポーネントと関数コンポーネントについて書き方やそれぞれの比較したメリット・デメリットをまとめました。 以下の構成になっています。 コンポーネントとは クラスコンポーネント クラスコンポーネントとは 基本の書き方 ライフサイクル …

JavaScript のスプレッド構文について、基本的な使い方と React で使う例についてまとめました。 構成 スプレッド構文とは スプレッド構文の使い所 スプレッド構文を使わずに実装する場合 基本の使い方 展開 コピー マージ 注意点 浅いコピー 重複したプロパ…

JavaScriptのプロトタイプについてまとめました。 以下の構成になっています。 プロトタイプとは プロトタイプベースのオブジェクト指向 プロトタイプの実装 プロトタイプへのアクセス プロトタイプの継承 プロトタイプメソッドとインスタンスメソッドの違い…

JavaScriptのthisについてまとめました。 理解すべきことは以下です。 thisは実行コンテキストによって参照する値が変わる特別なキーワード thisは関数の呼び出し時に参照する値が決まるため、意図しない値が参照される可能性がある thisの問題を解決する方…