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

コンポーネントファイルを分割する

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

Satoshi Miyazaki

10 minutes

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

フェイスブック

ツイッター

ワッツアップ

リンクトイン

Eメール

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

Google カレンダー

Apple カレンダー

Yahoo カレンダー

Outlook カレンダー

完成した

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

1時間料金

$49.99

定価: $69.99

保存します: $20

€42.95

定価: €60.14

保存します: €17.18

£37.30

定価: £52.23

保存します: £14.92

CA$68.86

定価: CA$96.41

保存します: CA$27.55

A$76.77

定価: A$107.49

保存します: A$30.71

S$64.40

定価: S$90.17

保存します: S$25.76

HK$390.19

定価: HK$546.29

保存します: HK$156.10

CHF 40.24

定価: CHF 56.34

保存します: CHF 16.10

NOK kr500.18

定価: NOK kr700.29

保存します: NOK kr200.11

DKK kr320.58

定価: DKK kr448.84

保存します: DKK kr128.25

NZ$85.35

定価: NZ$119.50

保存します: NZ$34.14

د.إ183.58

定価: د.إ257.03

保存します: د.إ73.45

৳6,086.89

定価: ৳8,522.14

保存します: ৳2,435.24

₹4,406.11

定価: ₹6,168.91

保存します: ₹1,762.79

RM211.60

定価: RM296.26

保存します: RM84.66

₦76,597.67

定価: ₦107,242.87

保存します: ₦30,645.20

₨14,190.18

定価: ₨19,867.39

保存します: ₨5,677.20

฿1,619.37

定価: ฿2,267.25

保存します: ฿647.88

₺2,057.23

定価: ₺2,880.29

保存します: ₺823.05

B$272.20

定価: B$381.10

保存します: B$108.90

R885.95

定価: R1,240.41

保存します: R354.45

Лв83.75

定価: Лв117.26

保存します: Лв33.50

₩69,716.63

定価: ₩97,608.87

保存します: ₩27,892.23

₪169.52

定価: ₪237.34

保存します: ₪67.82

₱2,873.05

定価: ₱4,022.50

保存します: ₱1,149.45

¥7,426.70

定価: ¥10,397.98

保存します: ¥2,971.27

MX$937.87

定価: MX$1,313.09

保存します: MX$375.22

QR182.54

定価: QR255.58

保存します: QR73.03

P718.20

定価: P1,005.53

保存します: P287.33

KSh6,458.70

定価: KSh9,042.70

保存します: KSh2,584

E£2,424.49

定価: E£3,394.48

保存します: E£969.99

ብር7,102.60

定価: ብር9,944.21

保存します: ብር2,841.60

Kz45,588.63

定価: Kz63,827.73

保存します: Kz18,239.10

CLP$48,399.31

定価: CLP$67,762.91

保存します: CLP$19,363.60

CN¥356.46

定価: CN¥499.08

保存します: CN¥142.61

RD$3,145.73

定価: RD$4,404.27

保存します: RD$1,258.54

DA6,491.70

定価: DA9,088.91

保存します: DA2,597.20

FJ$113.07

定価: FJ$158.31

保存します: FJ$45.24

Q383.67

定価: Q537.17

保存します: Q153.50

GY$10,468.08

定価: GY$14,656.15

保存します: GY$4,188.07

ISK kr6,167.76

定価: ISK kr8,635.36

保存します: ISK kr2,467.60

DH450.01

定価: DH630.06

保存します: DH180.04

L830.88

定価: L1,163.30

保存します: L332.42

ден2,628.38

定価: ден3,679.94

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

MOP$402.01

定価: MOP$562.85

保存します: MOP$160.83

N$879.83

定価: N$1,231.84

保存します: N$352

C$1,842.15

定価: C$2,579.16

保存します: C$737

रु7,061.21

定価: रु9,886.26

保存します: रु2,825.05

S/176.79

定価: S/247.52

保存します: S/70.73

K211.93

定価: K296.72

保存します: K84.79

SAR187.57

定価: SAR262.62

保存します: SAR75.04

ZK1,182.65

定価: ZK1,655.81

保存します: ZK473.15

L218.18

定価: L305.47

保存します: L87.29

Kč1,051.46

定価: Kč1,472.13

保存します: Kč420.66

Ft17,017.21

定価: Ft23,825.45

保存します: Ft6,808.24

SEK kr472.64

定価: SEK kr661.74

保存します: SEK kr189.09

ARS$68,822.84

定価: ARS$96,357.49

保存します: ARS$27,534.64

Bs345.87

定価: Bs484.25

保存します: Bs138.37

COP$202,235.45

定価: COP$283,145.81

保存します: COP$80,910.36

₡25,306.81

定価: ₡35,431.55

保存します: ₡10,124.74

L1,310.57

定価: L1,834.90

保存します: L524.33

₲361,558.37

定価: ₲506,210.65

保存します: ₲144,652.28

$U2,000.31

定価: $U2,800.60

保存します: $U800.28

zł183.28

定価: zł256.61

保存します: zł73.32

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

次

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

コンポーネントファイルを分割する

サインアップ

サインアップ

シェア

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

コンポーネントファイルを分割する

サインアップ

サインアップ

シェア

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