React-Basic-Udemy
Introduction
CodeSandbox で作る開発環境
CodeSandbox を使う利点
GitHub との連携
CodeSandbox の構造
初めての React App
最小限の React アプリケーションの実装
JSX と React Element
ES2015 のアロー関数について
React でアロー関数を使用する
初めての React Component
ES2015 の import / export
export default
2章の復習
State を持ったコンポーネント
State とは何か
ES2015 の class
React Class Component の書き方
click された時に setState で state を変更する
H20 Component 1
H20 Component 2
H20 Component 3
H20 Component 4
map と filter
map と filter の実践
実践：TodoApp の作成
TodoApp の作成
非同期処理, Promise, Ajax
HTTP プロトコルと AJAX
非同期処理と Promise
JSON を取得し、その内容をレンダリングする React App の作成
実践：API を叩く App
Giphy API を使用して、GIF画像検索する React App の作成
Redux の導入
Redux の概要
createStore で store を作る
Provider と Connect / store を React で使用する
Redux の全体像の確認
Presentational Component と Container Component
Action Creator
Combine Reducer
Redux-thunk を用いた非同期処理
Redux-thunk で非同期にアクションを発行する
Promise を Redux-thunk 上で活用する
React + Redux + Redux を用いた Giphy App
store を作る
Component に store を connect する
Search コンポーネントの作成
GiphyAPI を叩くメソッドの作成と Redux-thunk を使った非同期処理
改善
補足資料
App = ({name}) => name 型のシンタックス / Destructuring assignment
Class Component と Functional Component の使いわけ
参考資料と謝辞
Powered by
GitBook
React + Redux + Redux を用いた Giphy App
React + Redux + Redux を用いた Giphy App
results matching "
"
No results matching "
"