react_book
react_book copied to clipboard
yuumi3
書籍「作りながら学ぶ React入門」(ISBN479805075X) サポートページ
「作りながら学ぶ React 入門」 サポートページ
開発環境の構築
- インストール手順 Mac
- インストール手順 Windows
コード
- JSXの基本
- コンポーネント
- コンポーネントの応用
- テスティング
お知らせ
- security alertが発生するので
projects/hello_reactを削除しました - Babel 8に対応しました
- webpack-dev-server 4に対応しました(potential security vulnerabilities対応)
- Webpack5の変更(Error: Cannot find module 'webpack-cli/bin/config-yargs')に対応しました
- Webpack5(webpack-cli@4)に対応しました
- 新機能・機能変更 に「Selenium WebDriverを使ったE2Eテスト」を追加しました
- Material-UI v4.x に対応しました (書籍の中で使っていた Material-UI v0.x が depreciated になったので)
- React 16以降で追加された機能・変更された機能に付いて 新機能・機能変更 に書いて行きます
- React 16.8.6 (2019-07-17日の最新のnode.js, npm)でコードが動作することを確認しました。
- React 16.8.5 (2019-03-27日の最新のnode.js, npm)でコードが動作することを確認しました。
npx eslint,npx babelが動作しない問題に対応しました @skytomo221 さん報告ありがとうざいます。- React 16.8.3 (2019-02-22日の最新のnode.js, npm)でコードが動作することを確認しました。
- 最新の環境(2018-11-18日の最新のnode.js, npm)でESLintがエラーになる件で テストのインストール手順を変更しました。@tomita-yoshihiko さんありがとうございます。
- インストール手順ページのタイプミスを修正しました。@tomoyakuroda さんありがとうございます。
- テストのインストール手順 が間違っていたので修正しました。 @akito-38 さん指摘ありがとうございます。
質問
質問などがありましたら、気軽に Issues に書いて下さい
表正誤
| ページ | 誤 | 正 |
|---|---|---|
| 30 | npm install css-loader style-loader babel-loader --save-dev |
npm install css-loader style-loader --save-dev |
| 115 | scoreというパラメーターが渡って来ます。 | human, computer, judgmentというパラメーターが渡って来ます。 |
| 103 | <img src=""logo.png"" ... /> |
<img src="logo.png" ... /> (3か所あります) |
| 200 | test/index.js | このサポートページの test/index.js に置き換えて下さい |
| 120 | サンプルコードを含め本書のいたるところで JyankeGamePage と書かれています | 本来は JyankenGamePage が正しいのですのですがJyankeGamePageと読み替えて下さい |
新機能・機能変更
Reactに新規に追加された機能や大きく変わった部分に付いてもメモです
- Hooks (useState, useEffect)
- ライフサイクルメソッドの変更
- Redux
- TypeScript
- Selenium WebDriverを使ったE2Eテスト
yuumi3