React入門 導入からテストまで高速で描写するための開発手法 発売予定

Ch01：React・Reduxについて

Reactとは？
Reactの特徴
Fluxとは？
Fluxの構成要素
Reduxとは？
Reduxの特徴
Reduxの構成要素

Ch02：create-react-appで開発を始めよう

create-react-appとは？
インストール
Node.jsのインストール
create-react-appのインストール
create-react-appの実行
Babel, ESLint, Jest
アプリケーションを起動
Hello, World

Ch03：JSX

JSXとは？
JSXの文法
サンプルコード（静的なJSXでToDoアプリケーションの枠組みを作る）

Ch04：コンポーネントを作ろう

React.jsはコンポーネント指向
コンポーネントに分解する
コンポーネントの定義方法（createClass, extends React.Component, stateless）
コンポーネントのライフサイクルメソッド
コンポーネントのデータの受け渡し
コンポーネントの子要素の扱い（props.chidlren）
propsの型を定義する（propTypes）
コンポーネントで状態を扱う
データの追加・削除が出来る
state
状態を変更する（setStateなど）
Form要素の状態管理について

Ch05：Reduxでアプリケーションの状態を管理する

Reduxとは？
Fluxとは？
Fluxの構成要素
Reduxとは？
Reduxのインストール
ReduxのみでTodoアプリケーションを実装
サンプルコード
React.jsと組み合わせよう
複数のReducerを扱う

Ch06：画面遷移を実装しよう

画面遷移の実装パターン
history API
react-routerとは？
react-routerのインストール
React Componentの使い方

Ch07：Redux Middleware

Redux Middlewareとは？
ActionをロギングするRedux Middlewareを作る
middlewareの実装方法
applyMiddlewareを使ってMiddlewareを適応

Ch08：Reduxの非同期処理

redux-thunkを使った基本的な非同期処理を実装
その他の非同期処理の実装パターン
redux-promise

Ch09：UIを綺麗にしよう

UIフレームワークの導入
UIフレームワークとは？
UIフレームワークの種類と比較
ライセンスや機能
bootstrap, materialuiなどを適用する
OSSのReact Componentを使う
React.jsでアニメーションを実装する

Ch10：アプリケーションのテストを書こう

JavaScriptのテストについて
テストの種類
テストフレームワークについて
テストの実行
npm test（react-scripts test）
React Componentのテスト
Redux（Action, Reducer）のテスト
テストのカバレッジ
継続的にテストを実行する

Ch11：作ったアプリケーションを公開しよう

アプリケーションのビルド
npm run build(react-scripts build)
アプリケーションを公開できるサービス
Github Pages
AWS(S3, Route53)
Heroku

Ch12：よりよいアプリケーションにするために

サーバサイドレンダリング
サーバサイドレンダリングとは？
Node.jsを使ったサーバサイドレンダリング
ReactDOMServer.renderToString
サーバサイドからクライアントへのデータの受け渡し
Node.js以外でのサーバサイドレンダリング
パフォーマンス
パフォーマンスが悪い部分を特定する
React.addons.Perf
パフォーマンスを改善する

書籍への問い合わせ

正誤表、追加情報をご確認の上、こちらよりお問い合わせください

書影の利用許諾について

本書籍に関する利用許諾申請はこちらになります