React の step by step 的なのバックアップ(No.1)

バックアップ一覧
ソースを表示
React の step by step 的なは削除されています。
- 1 (2018-06-07 (木) 11:04:01)
- 2 (2018-06-07 (木) 12:50:13)
- 3 (2018-06-07 (木) 14:47:17)
- 4 (2018-06-12 (火) 13:29:51)
- 5 (2018-06-12 (火) 15:10:27)
- 6 (2018-06-12 (火) 18:25:29)
- 7 (2018-06-12 (火) 22:19:25)
- 8 (2018-06-13 (水) 12:01:49)

「.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

戻る

目次 †

目次
概要
1stステップ
- インストール
- サンプルの生成と実行
  - 生成
  - 実行
2ndステップ
- サンプルの実装
  - App.jsを書換
  - Menu.jsを追加
3rdステップ

↑

概要 †

↑

1stステップ †

↑

インストール †

npm（Node.js）をインストールしておく。

create-react-app(npm ,etc.のNode.js系のツール)のインストール

npm install -g create-react-app

以下は、既定の構成

#	カテゴリ	ツール/言語	備考
1	開発言語	EcmaScript6	-
2	トランスパイラ	Babel	-
3	パッケージング	Webpack	・webpack-dev-server ・html-webpack-plugin ・style-loader
4	コード解析	ESLint	-
5	テストツール	Jest	-

↑

サンプルの生成と実行 †

↑

生成 †

サンプルを生成する。
```
create-react-app react-app
```

構成

react-app/
  README.md
  index.html
  favicon.ico
  node_modules/
  package.json
  src/
    App.css
    App.js
    index.css
    index.js
    logo.svg