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の分割

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

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

Satoshi Miyazaki

4 minutes

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

フェイスブック

ツイッター

ワッツアップ

リンクトイン

Eメール

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

Google カレンダー

Apple カレンダー

Yahoo カレンダー

Outlook カレンダー

完成した

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

1時間料金

$49.99

定価: $69.99

保存します: $20

€43.37

定価: €60.73

保存します: €17.35

£37.15

定価: £52.01

保存します: £14.86

CA$68.64

定価: CA$96.11

保存します: CA$27.46

A$77.27

定価: A$108.19

保存します: A$30.91

S$64.28

定価: S$90

保存します: S$25.72

HK$392.43

定価: HK$549.43

保存します: HK$157

CHF 40.88

定価: CHF 57.23

保存します: CHF 16.35

NOK kr505.14

定価: NOK kr707.23

保存します: NOK kr202.09

DKK kr323.61

定価: DKK kr453.08

保存します: DKK kr129.47

NZ$83.70

定価: NZ$117.18

保存します: NZ$33.48

د.إ183.57

定価: د.إ257.02

保存します: د.إ73.44

৳6,117.18

定価: ৳8,564.54

保存します: ৳2,447.36

₹4,329.21

定価: ₹6,061.24

保存します: ₹1,732.03

RM212.58

定価: RM297.63

保存します: RM85.05

₦77,489.99

定価: ₦108,492.19

保存します: ₦31,002.20

₨14,192.58

定価: ₨19,870.74

保存します: ₨5,678.16

฿1,635.57

定価: ฿2,289.93

保存します: ฿654.36

₺1,983.26

定価: ₺2,776.72

保存します: ₺793.46

B$275.58

定価: B$385.84

保存します: B$110.25

R899.78

定価: R1,259.77

保存します: R359.98

Лв84.79

定価: Лв118.71

保存します: Лв33.92

₩68,644.45

定価: ₩96,107.73

保存します: ₩27,463.27

₪174.41

定価: ₪244.19

保存します: ₪69.78

₱2,859.55

定価: ₱4,003.59

保存します: ₱1,144.04

¥7,303.78

定価: ¥10,225.88

保存します: ¥2,922.10

MX$958.51

定価: MX$1,342

保存します: MX$383.48

QR182.42

定価: QR255.41

保存します: QR72.98

P674.14

定価: P943.85

保存します: P269.71

KSh6,458.70

定価: KSh9,042.70

保存します: KSh2,584

E£2,530.13

定価: E£3,542.39

保存します: E£1,012.25

ብር6,878.14

定価: ብር9,629.95

保存します: ብር2,751.80

Kz45,588.63

定価: Kz63,827.73

保存します: Kz18,239.10

CLP$47,048.58

定価: CLP$65,871.78

保存します: CLP$18,823.20

CN¥358.92

定価: CN¥502.52

保存します: CN¥143.59

RD$2,963.35

定価: RD$4,148.93

保存します: RD$1,185.57

DA6,512.08

定価: DA9,117.43

保存します: DA2,605.35

FJ$112.97

定価: FJ$158.17

保存します: FJ$45.19

Q384.42

定価: Q538.22

保存します: Q153.80

GY$10,464.40

定価: GY$14,651

保存します: GY$4,186.59

ISK kr6,203.75

定価: ISK kr8,685.75

保存します: ISK kr2,482

DH456.53

定価: DH639.18

保存します: DH182.65

L855.33

定価: L1,197.54

保存します: L342.20

ден2,670.68

定価: ден3,739.17

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

MOP$404.42

定価: MOP$566.23

保存します: MOP$161.80

N$903.08

定価: N$1,264.38

保存します: N$361.30

C$1,840.71

定価: C$2,577.14

保存します: C$736.43

रु6,928.21

定価: रु9,700.04

保存します: रु2,771.83

S/179.61

定価: S/251.47

保存します: S/71.85

K209.12

定価: K292.78

保存します: K83.66

SAR187.57

定価: SAR262.62

保存します: SAR75.04

ZK1,170.24

定価: ZK1,638.44

保存します: ZK468.19

L218.20

定価: L305.50

保存します: L87.30

Kč1,076.69

定価: Kč1,507.45

保存します: Kč430.76

Ft17,467.50

定価: Ft24,455.90

保存します: Ft6,988.40

SEK kr483.12

定価: SEK kr676.41

保存します: SEK kr193.28

ARS$58,147.71

定価: ARS$81,411.45

保存します: ARS$23,263.74

Bs345.61

定価: Bs483.89

保存します: Bs138.27

COP$204,109.71

定価: COP$285,769.93

保存します: COP$81,660.21

₡25,251.71

定価: ₡35,354.42

保存します: ₡10,102.70

L1,306.33

定価: L1,828.97

保存します: L522.63

₲399,225.98

定価: ₲558,948.33

保存します: ₲159,722.34

$U2,045.13

定価: $U2,863.35

保存します: $U818.21

zł185.15

定価: zł259.23

保存します: zł74.07

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

次

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

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

サインアップ

サインアップ

シェア

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

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

サインアップ

サインアップ

シェア

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