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

5 minutes

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

フェイスブック

ツイッター

ワッツアップ

リンクトイン

Eメール

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

Google カレンダー

Apple カレンダー

Yahoo カレンダー

Outlook カレンダー

完成した

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

1時間料金

$49.99

定価: $69.99

保存します: $20

€44.08

定価: €61.72

保存します: €17.63

£37.27

定価: £52.18

保存します: £14.91

CA$69.38

定価: CA$97.14

保存します: CA$27.75

A$77.56

定価: A$108.59

保存します: A$31.03

S$64.44

定価: S$90.22

保存します: S$25.78

HK$391.39

定価: HK$547.98

保存します: HK$156.58

CHF 41.19

定価: CHF 57.67

保存します: CHF 16.48

NOK kr507.50

定価: NOK kr710.55

保存します: NOK kr203.04

DKK kr328.84

定価: DKK kr460.41

保存します: DKK kr131.56

NZ$84.16

定価: NZ$117.83

保存します: NZ$33.67

د.إ183.61

定価: د.إ257.07

保存します: د.إ73.45

৳6,080.64

定価: ৳8,513.38

保存します: ৳2,432.74

₹4,276.32

定価: ₹5,987.19

保存します: ₹1,710.87

RM213.45

定価: RM298.85

保存します: RM85.40

₦79,722.05

定価: ₦111,617.25

保存します: ₦31,895.20

₨14,071.50

定価: ₨19,701.22

保存します: ₨5,629.72

฿1,638.07

定価: ฿2,293.43

保存します: ฿655.36

₺1,941.09

定価: ₺2,717.69

保存します: ₺776.59

B$284.24

定価: B$397.97

保存します: B$113.72

R893.78

定価: R1,251.37

保存します: R357.58

Лв86.38

定価: Лв120.95

保存します: Лв34.56

₩68,775.30

定価: ₩96,290.93

保存します: ₩27,515.62

₪177.41

定価: ₪248.39

保存します: ₪70.97

₱2,780.69

定価: ₱3,893.19

保存します: ₱1,112.50

¥7,181.83

定価: ¥10,055.13

保存します: ¥2,873.30

MX$964.02

定価: MX$1,349.71

保存します: MX$385.68

QR181.88

定価: QR254.65

保存します: QR72.77

P674.32

定価: P944.10

保存します: P269.78

KSh6,461.20

定価: KSh9,046.20

保存します: KSh2,585

E£2,491.90

定価: E£3,488.86

保存します: E£996.96

ብር6,753.30

定価: ብር9,455.16

保存します: ብር2,701.86

Kz45,588.63

定価: Kz63,827.73

保存します: Kz18,239.10

CLP$47,134.57

定価: CLP$65,992.17

保存します: CLP$18,857.60

CN¥360.11

定価: CN¥504.18

保存します: CN¥144.07

RD$2,929.43

定価: RD$4,101.44

保存します: RD$1,172

DA6,617.91

定価: DA9,265.60

保存します: DA2,647.69

FJ$112.97

定価: FJ$158.17

保存します: FJ$45.19

Q383.57

定価: Q537.03

保存します: Q153.45

GY$10,454.16

定価: GY$14,636.66

保存します: GY$4,182.50

ISK kr6,375.22

定価: ISK kr8,925.82

保存します: ISK kr2,550.60

DH460.70

定価: DH645.01

保存します: DH184.31

L864.58

定価: L1,210.48

保存します: L345.90

ден2,714.86

定価: ден3,801.03

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

MOP$402.83

定価: MOP$563.99

保存します: MOP$161.16

N$895.67

定価: N$1,254.01

保存します: N$358.34

C$1,838.55

定価: C$2,574.12

保存します: C$735.57

रु6,809.82

定価: रु9,534.30

保存します: रु2,724.47

S/183.65

定価: S/257.13

保存します: S/73.47

K206.91

定価: K289.70

保存します: K82.78

SAR187.50

定価: SAR262.52

保存します: SAR75.01

ZK1,348.82

定価: ZK1,888.46

保存します: ZK539.63

L223.56

定価: L313

保存します: L89.44

Kč1,097.03

定価: Kč1,535.93

保存します: Kč438.90

Ft17,734.93

定価: Ft24,830.32

保存します: Ft7,095.39

SEK kr478.22

定価: SEK kr669.55

保存します: SEK kr191.33

ARS$57,138.19

定価: ARS$79,998.04

保存します: ARS$22,859.84

Bs345.27

定価: Bs483.40

保存します: Bs138.13

COP$206,880.08

定価: COP$289,648.67

保存します: COP$82,768.58

₡25,282.69

定価: ₡35,397.80

保存します: ₡10,115.10

L1,299.88

定価: L1,819.94

保存します: L520.05

₲399,079.33

定価: ₲558,743

保存します: ₲159,663.66

$U2,081.90

定価: $U2,914.83

保存します: $U832.93

zł187.31

定価: zł262.24

保存します: zł74.93

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

次

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

コンポーネントを作成する

サインアップ

サインアップ

シェア

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

コンポーネントを作成する

サインアップ

サインアップ

シェア

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