Andrew BurgessApr 25, 2017Lessons: 35Length: 4.1 hours

Next lesson playing in 5 seconds

Overview
Transcript

3.6 Challenge: Todo List

Everybody builds a basic to-do list app, right? You’ll code one too in this challenge. Specifically, you’ll need to pass data to a child component where it will be updated and sent back to the parent component.

Related Links

1.Introduction
2 lessons, 04:39

1.1
Introduction
01:31

1.2
Application Demo
03:08

2.Get Started With Redux
6 lessons, 41:43

2.1
Set Up the Project
09:34

2.2
Reducers and Actions
10:10

2.3
Combining Reducers
08:42

2.4
Challenge: Add a Case to a Reducer
04:44

2.5
Challenge: Split a Reducer
05:19

2.6
Challenge: Build a Component
03:14

3.Create React Components
8 lessons, 50:18

3.1
Build a Pure Component
04:53

3.2
Start the Sidebar
04:31

3.3
Write Action Creators
08:37

3.4
Use Action Creators
06:42

3.5
Challenge: Temperature Converter
05:50

3.6
Challenge: Todo List
09:21

3.7
Challenge: Action Creators
07:26

3.8
Challenge: Refs Research
02:58

4.Application Structure
9 lessons, 56:09

4.1
Refactor Our Application for Growth
08:43

4.2
Using the `react-redux` Package
13:12

4.3
Add a Router
07:24

4.4
Create Nested Routes
07:44

4.5
Add `localStorage` Support
03:38

4.6
Challenge: Presentational and Container Components
07:26

4.7
Challenge: Basic Routing
02:53

4.8
Challenge: Route Not Found
02:51

4.9
Challenge: Route Parameters
02:18

5.Implement the App
9 lessons, 1:31:34

5.1
Create the Toolbar
06:16

5.2
Create the New Card Modal
15:16

5.3
Display a Deck of Cards
05:27

5.4
Create the Edit Card Modal
10:20

5.5
Filter Cards
06:24

5.6
Create a Study Interface
19:29

5.7
Add Asynchronous Actions
13:08

5.8
Challenge: General Conversion Component
07:11

5.9
Challenge: Users List Component
08:03

6.Conclusion
1 lesson, 01:32

6.1
Conclusion
01:32

Andrew Burgess

Hi! I'm Andrew Burgess, and I'm a connoisseur of all things programming. I'm from near Toronto, Canada, and I've been fooling around with computers for nearly my whole life, both hardware and software. Right now, I'm finishing up a computer science degree. For almost a decade now, I've been playing around with over a dozen programming languages on several different platforms, from JavaScript to Java, from Ruby to Befunge. My favourite has always been JavaScript. I've always enjoyed writing, so when I discovered Tuts+ in 2009, I was excited to start writing tutorials. Since then, I've been writing tutorials and producing screencasts for Tuts+. Right now, I'm a course instructor and I produce mostly JavaScript-related courses. Maybe you've seen Building a Web App from Scratch with Angular.js or Node.js from Scratch; that's me! I've also written a few ebooks, like Getting Good with Git, Getting Good with JavaScript, and, more recently, Backbone.js Blueprints.

andrew8088

Modern Web Apps With React and Redux

Next lesson playing in 5 seconds

3.6 Challenge: Todo List

1.Introduction2 lessons, 04:39

2.Get Started With Redux6 lessons, 41:43

3.Create React Components8 lessons, 50:18

4.Application Structure9 lessons, 56:09

5.Implement the App9 lessons, 1:31:34

6.Conclusion1 lesson, 01:32