Lessons: 35Length: 4.1 hours
- Overview
- Transcript
5.2 Create the New Card Modal
We're ready to start creating interfaces for cards! In this lesson, we'll create the CardModal component: it's a presentational component that we'll be able to use for both creating new cards and editing existing cards.
1.Introduction
1.1Introduction01:31
1.1
Introduction
01:31
1.2Application Demo03:08
1.2
Application Demo
03:08
2.Get Started With Redux
2.1Set Up the Project09:34
2.1
Set Up the Project
09:34
2.2Reducers and Actions10:10
2.2
Reducers and Actions
10:10
2.3Combining Reducers08:42
2.3
Combining Reducers
08:42
2.4Challenge: Add a Case to a Reducer04:44
2.4
Challenge: Add a Case to a Reducer
04:44
2.5Challenge: Split a Reducer05:19
2.5
Challenge: Split a Reducer
05:19
2.6Challenge: Build a Component03:14
2.6
Challenge: Build a Component
03:14
3.Create React Components
3.1Build a Pure Component04:53
3.1
Build a Pure Component
04:53
3.2Start the Sidebar04:31
3.2
Start the Sidebar
04:31
3.3Write Action Creators08:37
3.3
Write Action Creators
08:37
3.4Use Action Creators06:42
3.4
Use Action Creators
06:42
3.5Challenge: Temperature Converter05:50
3.5
Challenge: Temperature Converter
05:50
3.6Challenge: Todo List09:21
3.6
Challenge: Todo List
09:21
3.7Challenge: Action Creators07:26
3.7
Challenge: Action Creators
07:26
3.8Challenge: Refs Research02:58
3.8
Challenge: Refs Research
02:58
4.Application Structure
4.1Refactor Our Application for Growth08:43
4.1
Refactor Our Application for Growth
08:43
4.2Using the `react-redux` Package13:12
4.2
Using the `react-redux` Package
13:12
4.3Add a Router07:24
4.3
Add a Router
07:24
4.4Create Nested Routes07:44
4.4
Create Nested Routes
07:44
4.5Add `localStorage` Support03:38
4.5
Add `localStorage` Support
03:38
4.6Challenge: Presentational and Container Components07:26
4.6
Challenge: Presentational and Container Components
07:26
4.7Challenge: Basic Routing02:53
4.7
Challenge: Basic Routing
02:53
4.8Challenge: Route Not Found02:51
4.8
Challenge: Route Not Found
02:51
4.9Challenge: Route Parameters02:18
4.9
Challenge: Route Parameters
02:18
5.Implement the App
5.1Create the Toolbar06:16
5.1
Create the Toolbar
06:16
5.2Create the New Card Modal15:16
5.2
Create the New Card Modal
15:16
5.3Display a Deck of Cards05:27
5.3
Display a Deck of Cards
05:27
5.4Create the Edit Card Modal10:20
5.4
Create the Edit Card Modal
10:20
5.5Filter Cards06:24
5.5
Filter Cards
06:24
5.6Create a Study Interface19:29
5.6
Create a Study Interface
19:29
5.7Add Asynchronous Actions13:08
5.7
Add Asynchronous Actions
13:08
5.8Challenge: General Conversion Component07:11
5.8
Challenge: General Conversion Component
07:11
5.9Challenge: Users List Component08:03
5.9
Challenge: Users List Component
08:03
6.Conclusion
6.1Conclusion01:32
6.1
Conclusion
01:32
