備忘録

備忘録

React

React で Bootstrap の Navbar と react-router-dom を同時に使う方法

Ⅰ. はじめに タイトルの通り「React で Bootstrap の Navbar と react-router-dom を同時に使う方法」です。 Ⅱ. やり方 1. 必要なライブラリをインストールする npm i -D react-bootstrap bootstrap react-router-dom npm i -D react-router-bootstrap 2. フ…

React でルーティングする方法

Ⅰ. はじめに Ⅱ. やり方 1. react-router-dom をインストールする 2. ファイルを編集する 実行結果 参考 Ⅰ. はじめに タイトルの通り「React でルーティングする方法」です。 Ⅱ. やり方 1. react-router-dom をインストールする npm i -D react-router-dom 2.…

React で ESLint を使う方法

Ⅰ. はじめに タイトルの通り「React で ESLint を使う方法」です。 Ⅱ. やり方 1. 新規プロジェクトを作成する create-react-app hello-world 2. ESLint をインストールする npm i -g eslint 2. ESLint を初期化する 以下コマンド実行後、ESLint の設定ファイ…

React で Bootstrap を使う方法

Ⅰ. はじめに タイトルの通り「React で Bootstrap を使う方法」です。 Ⅱ. やり方 1. react-bootstrap, bootstrap をインストールする npm install -D react-bootstrap bootstrap 2. ファイルを編集する src/index.js import 'bootstrap/dist/css/bootstrap.m…

React で HelloWorld する方法

Ⅰ. はじめに タイトルの通り「React で HelloWorld する方法」です。 Ⅱ. やり方 1. create-react-app をインストールする npm install -g create-react-app 2. 新規プロジェクトを作成する create-react-app hello-world 3. サーバを起動する cd hello-world…