Webアプリを作りながらマスターする！超実践的 React + Redux 入門講座

はじめに

プレビュー

Reactの概要

プレビュー

はじめてのReact（いつものHello World!）

プレビュー

ReactとVirtual DOMについて学ぶ

JSXの基本について学ぶ

Todoアプリの作成：Todoリスト機能の実装

ループ処理を使ってTodoリストを表示する

stateを使ってTodoのデータを保持する

Todoの追加処理を実装する

React Developer Toolsを導入する

propsを使ってコンポーネント同士を連携する

Todoの完了処理を実装する

Sassの導入

開発環境にSassを導入する

ネストを使ってCSSをSCSSに書き換える

リファクタリング（stateのデータを一括管理にする）

グループの選択機能を実装する

DOMにアクセスしてdata属性を取得する

Todoの追加・削除・完了処理をグループごとにできるようにする

グループの新規作成ダイアログを実装する

新規作成ダイアログの表示・非表示を切り替える

グループの新規作成処理を実装する

グループの編集ダイアログを実装する

グループの編集処理の実装とコンポーネントのライフサイクル

Middleware（redux-logger）の導入

ADD_TODOの処理をreducerに実装する

TODOの完了処理と削除処理をReduxで実装する

グループ新規作成処理をReduxで実装する

グループ選択、編集、削除処理をReduxで実装する

Reducerの分割

propsを使ってコンポーネント同士を連携する

Webアプリを作りながらマスターする！超実践的 React + Redux 入門講座 Todoアプリの作成：Todoリスト機能の実装

Satoshi Miyazaki

5 minutes

このページへのリンクを共有する

フェイスブック

ツイッター

ワッツアップ

リンクトイン

Eメール

クラスをカレンダーに追加する

Google カレンダー

Apple カレンダー

Yahoo カレンダー

Outlook カレンダー

完成した

このレッスンを表示するには、アイテムにアクセスする必要があります。

1時間料金

$49.99

定価: $69.99

保存します: $20

€42.39

定価: €59.35

保存します: €16.96

£36.60

定価: £51.25

保存します: £14.64

CA$67.94

定価: CA$95.12

保存します: CA$27.18

A$76.02

定価: A$106.44

保存します: A$30.41

S$63.63

定価: S$89.09

保存します: S$25.46

HK$392.41

定価: HK$549.41

保存します: HK$156.99

CHF 39.62

定価: CHF 55.48

保存します: CHF 15.85

NOK kr503.44

定価: NOK kr704.86

保存します: NOK kr201.41

DKK kr316.30

定価: DKK kr442.85

保存します: DKK kr126.54

NZ$82.33

定価: NZ$115.26

保存します: NZ$32.93

د.إ183.61

定価: د.إ257.07

保存します: د.إ73.46

৳6,097.34

定価: ৳8,536.76

保存します: ৳2,439.42

₹4,264.04

定価: ₹5,970

保存します: ₹1,705.95

RM211.10

定価: RM295.56

保存します: RM84.46

₦76,416.21

定価: ₦106,988.81

保存します: ₦30,572.60

₨14,220.97

定価: ₨19,910.50

保存します: ₨5,689.52

฿1,619.61

定価: ฿2,267.58

保存します: ฿647.97

₺1,993.79

定価: ₺2,791.47

保存します: ₺797.67

B$271.58

定価: B$380.23

保存します: B$108.65

R875.77

定価: R1,226.16

保存します: R350.38

Лв82.85

定価: Лв116

保存します: Лв33.15

₩68,047.24

定価: ₩95,271.59

保存します: ₩27,224.34

₪168.02

定価: ₪235.24

保存します: ₪67.22

₱2,814.68

定価: ₱3,940.78

保存します: ₱1,126.10

¥7,191.41

定価: ¥10,068.55

保存します: ¥2,877.14

MX$937.73

定価: MX$1,312.90

保存します: MX$375.16

QR181.76

定価: QR254.48

保存します: QR72.72

P661.63

定価: P926.33

保存します: P264.70

KSh6,461.20

定価: KSh9,046.20

保存します: KSh2,585

E£2,466.97

定価: E£3,453.96

保存します: E£986.98

ብር6,877.46

定価: ብር9,629

保存します: ብር2,751.53

Kz45,588.63

定価: Kz63,827.73

保存します: Kz18,239.10

CLP$46,303.73

定価: CLP$64,828.93

保存します: CLP$18,525.20

CN¥357.96

定価: CN¥501.17

保存します: CN¥143.21

RD$2,962.66

定価: RD$4,147.97

保存します: RD$1,185.30

DA6,465.15

定価: DA9,051.73

保存します: DA2,586.57

FJ$111.76

定価: FJ$156.47

保存します: FJ$44.71

Q384.33

定価: Q538.10

保存します: Q153.76

GY$10,457.20

定価: GY$14,640.92

保存します: GY$4,183.72

ISK kr6,044.79

定価: ISK kr8,463.19

保存します: ISK kr2,418.40

DH448.15

定価: DH627.45

保存します: DH179.29

L841.87

定価: L1,178.68

保存します: L336.81

ден2,608.55

定価: ден3,652.19

保存します: ден1,043.63

MOP$404.15

定価: MOP$565.84

保存します: MOP$161.69

N$880.71

定価: N$1,233.07

保存します: N$352.35

C$1,834.44

定価: C$2,568.36

保存します: C$733.92

रु6,833.83

定価: रु9,567.91

保存します: रु2,734.08

S/177.55

定価: S/248.59

保存します: S/71.03

K206.26

定価: K288.79

保存します: K82.52

SAR187.47

定価: SAR262.48

保存します: SAR75

ZK1,197.86

定価: ZK1,677.10

保存します: ZK479.24

L214.51

定価: L300.33

保存します: L85.82

Kč1,045.13

定価: Kč1,463.27

保存します: Kč418.13

Ft16,927.32

定価: Ft23,699.61

保存します: Ft6,772.28

SEK kr476.98

定価: SEK kr667.81

保存します: SEK kr190.83

ARS$60,287.94

定価: ARS$84,407.94

保存します: ARS$24,120

Bs345.37

定価: Bs483.55

保存します: Bs138.17

COP$200,785.45

定価: COP$281,115.69

保存します: COP$80,330.24

₡25,186.72

定価: ₡35,263.43

保存します: ₡10,076.70

L1,302.97

定価: L1,824.26

保存します: L521.29

₲398,692.12

定価: ₲558,200.87

保存します: ₲159,508.75

$U1,972.57

定価: $U2,761.75

保存します: $U789.18

zł180.41

定価: zł252.59

保存します: zł72.17

すでにアカウントをお持ちですか？ログインする

次

Webアプリを作りながらマスターする！超実践的 React + Redux 入門講座

propsを使ってコンポーネント同士を連携する

サインアップ

サインアップ

シェア

Webアプリを作りながらマスターする！ 超実践的 React + Redux 入門講座

propsを使ってコンポーネント同士を連携する

サインアップ

サインアップ

シェア

Webアプリを作りながらマスターする！超実践的 React + Redux 入門講座