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

Next lesson playing in 5 seconds

Overview
Transcript

5.6 Create a Study Interface

This last feature is the most important one: a UI for studying cards. In this lesson, we’ll create the StudyModal, which will allow our users to study their cards. We’ll also implement a simple spaced repetition algorithm that will let our app chose which cards to study.

Related Links

Wikipedia: Spaced Repetition

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

5.6 Create a Study Interface

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