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

SCSSファイルを分割する

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

Satoshi Miyazaki

5 minutes

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

フェイスブック

ツイッター

ワッツアップ

リンクトイン

Eメール

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

Google カレンダー

Apple カレンダー

Yahoo カレンダー

Outlook カレンダー

完成した

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

1時間料金

$49.99

定価: $69.99

保存します: $20

€44.31

定価: €62.05

保存します: €17.73

£37.31

定価: £52.24

保存します: £14.92

CA$69.71

定価: CA$97.60

保存します: CA$27.89

A$77.54

定価: A$108.57

保存します: A$31.02

S$64.67

定価: S$90.55

保存します: S$25.87

HK$390.87

定価: HK$547.25

保存します: HK$156.38

CHF 41.62

定価: CHF 58.27

保存します: CHF 16.65

NOK kr515.37

定価: NOK kr721.56

保存します: NOK kr206.19

DKK kr330.66

定価: DKK kr462.95

保存します: DKK kr132.29

NZ$84.53

定価: NZ$118.36

保存します: NZ$33.82

د.إ183.61

定価: د.إ257.07

保存します: د.إ73.45

৳6,081.68

定価: ৳8,514.84

保存します: ৳2,433.16

₹4,269.70

定価: ₹5,977.93

保存します: ₹1,708.22

RM214.50

定価: RM300.32

保存します: RM85.82

₦80,279.94

定価: ₦112,398.34

保存します: ₦32,118.40

₨14,095.05

定価: ₨19,734.20

保存します: ₨5,639.15

฿1,652.56

定価: ฿2,313.72

保存します: ฿661.16

₺1,941.93

定価: ₺2,718.86

保存します: ₺776.92

B$283.17

定価: B$396.46

保存します: B$113.29

R900.64

定価: R1,260.98

保存します: R360.33

Лв86.85

定価: Лв121.60

保存します: Лв34.74

₩69,423.18

定価: ₩97,198.01

保存します: ₩27,774.82

₪177.13

定価: ₪248

保存します: ₪70.87

₱2,781.86

定価: ₱3,894.83

保存します: ₱1,112.97

¥7,239.98

定価: ¥10,136.55

保存します: ¥2,896.57

MX$971.87

定価: MX$1,360.69

保存します: MX$388.82

QR182.43

定価: QR255.41

保存します: QR72.98

P676.85

定価: P947.64

保存します: P270.79

KSh6,458.70

定価: KSh9,042.70

保存します: KSh2,584

E£2,500.59

定価: E£3,501.03

保存します: E£1,000.44

ብር6,757.33

定価: ብር9,460.81

保存します: ብር2,703.47

Kz45,588.63

定価: Kz63,827.73

保存します: Kz18,239.10

CLP$47,108.57

定価: CLP$65,955.77

保存します: CLP$18,847.20

CN¥360.54

定価: CN¥504.78

保存します: CN¥144.24

RD$2,945.62

定価: RD$4,124.10

保存します: RD$1,178.48

DA6,641.69

定価: DA9,298.89

保存します: DA2,657.20

FJ$113.25

定価: FJ$158.56

保存します: FJ$45.31

Q384.29

定価: Q538.04

保存します: Q153.74

GY$10,472.22

定価: GY$14,661.95

保存します: GY$4,189.72

ISK kr6,466.70

定価: ISK kr9,053.90

保存します: ISK kr2,587.20

DH464.35

定価: DH650.13

保存します: DH185.78

L871.36

定価: L1,219.98

保存します: L348.61

ден2,728.28

定価: ден3,819.81

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

MOP$402.91

定価: MOP$564.11

保存します: MOP$161.19

N$903.57

定価: N$1,265.08

保存します: N$361.50

C$1,841.75

定価: C$2,578.60

保存します: C$736.85

रु6,846.61

定価: रु9,585.81

保存します: रु2,739.19

S/184.54

定価: S/258.37

保存します: S/73.83

K208.03

定価: K291.27

保存します: K83.23

SAR187.49

定価: SAR262.50

保存します: SAR75.01

ZK1,345.45

定価: ZK1,883.74

保存します: ZK538.28

L223.10

定価: L312.35

保存します: L89.25

Kč1,103.90

定価: Kč1,545.55

保存します: Kč441.65

Ft17,844.93

定価: Ft24,984.33

保存します: Ft7,139.40

SEK kr484.15

定価: SEK kr677.85

保存します: SEK kr193.70

ARS$57,113.83

定価: ARS$79,963.93

保存します: ARS$22,850.10

Bs345.87

定価: Bs484.24

保存します: Bs138.37

COP$208,532.45

定価: COP$291,962.12

保存します: COP$83,429.66

₡25,353.52

定価: ₡35,496.96

保存します: ₡10,143.44

L1,302.40

定価: L1,823.46

保存します: L521.06

₲399,636.13

定価: ₲559,522.56

保存します: ₲159,886.43

$U2,085.38

定価: $U2,919.70

保存します: $U834.32

zł189.40

定価: zł265.17

保存します: zł75.77

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

次

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

SCSSファイルを分割する

サインアップ

サインアップ

シェア

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

SCSSファイルを分割する

サインアップ

サインアップ

シェア

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