について
私たちに関しては
助けて
プライバシーポリシー
提供内容
LearnDesk
学ぶ
学者
ビジネス
クリエイティブ
健康と運動
暮らし
自己啓発
ソフトウェア
教える
オンラインで教える
スケジュール
アイテム
ユーザー
マーケティング
分析
設定
学校を変える
アカウント
ログインする
サインアップ
Webアプリを作りながらマスターする！ 超実践的 React + Redux 入門講座
はじめに
はじめに
プレビュー
Reactの概要
プレビュー
開発環境
Node.jsとnpmのインストール
gulpとローカル開発環境の構築
Reactの基本
はじめてのReact（いつものHello World!）
プレビュー
ReactとVirtual DOMについて学ぶ
JSXの基本について学ぶ
Todoアプリの作成：Todoリスト機能の実装
画面レイアウトを作成する
コンポーネントを作成する
webpackを導入する
コンポーネントファイルを分割する
ループ処理を使ってTodoリストを表示する
stateを使ってTodoのデータを保持する
Todoの追加処理を実装する
React Developer Toolsを導入する
propsを使ってコンポーネント同士を連携する
Todoの完了処理を実装する
Sassの導入
開発環境にSassを導入する
ネストを使ってCSSをSCSSに書き換える
Sassの変数を使って値を共通化する
SCSSファイルを分割する
Todoアプリの作成：グループ機能の実装
グループのリストを表示する
リファクタリング（stateのデータを一括管理にする）
グループの選択機能を実装する
DOMにアクセスしてdata属性を取得する
Todoの追加・削除・完了処理をグループごとにできるようにする
グループの新規作成ダイアログを実装する
新規作成ダイアログの表示・非表示を切り替える
グループの新規作成処理を実装する
グループの編集ダイアログを実装する
グループの編集処理の実装とコンポーネントのライフサイクル
グループの削除処理を実装する
Reactのまとめ
Reactのまとめ
Reduxの導入
Reduxの概要
Reduxの導入とReduxの最小構成
Redux Dev Toolsの導入
Middleware（redux-logger）の導入
storeの作成
reducerの作成
actionの作成
ReactとReduxを接続する
ADD_TODOの処理をreducerに実装する
TODOの完了処理と削除処理をReduxで実装する
グループ新規作成処理をReduxで実装する
グループ選択、編集、削除処理をReduxで実装する
Reducerの分割
Todoアプリの作成：Todoリスト機能の実装
Webアプリを作りながらマスターする！ 超実践的 React + Redux 入門講座
Satoshi Miyazaki
シェア
このページへのリンクを共有する
フェイスブック
ツイッター
ワッツアップ
リンクトイン
Eメール
カレンダーに追加
クラスをカレンダーに追加する
Google カレンダー
Apple カレンダー
Yahoo カレンダー
Outlook カレンダー
完成した
We'll cover the following topics in this section:
画面レイアウトを作成する
コンポーネントを作成する
webpackを導入する
コンポーネントファイルを分割する
ループ処理を使ってTodoリストを表示する
stateを使ってTodoのデータを保持する
Todoの追加処理を実装する
React Developer Toolsを導入する
propsを使ってコンポーネント同士を連携する
Todoの完了処理を実装する
前のページ
次
サインアップ
Facebookで続ける
Googleで続行
または
メールで続行
すでにメンバーですか？
ログインする
By registering for a LearnDesk account, you agree to our
Terms of Service
and
Privacy Policy
.
シェア
Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.
Share with Google Contacts