—Course Overview
1m 25s
Getting Started
- 23m 44s
—Introduction
1m 27s
—A Quick Look at What's in the Stack
2m 20s
—Getting the Stack up and Running on Your Machine
5m 30s
—A Quick Look at Some of the Nifty Features in the Stack
2m 33s
—Inspecting Different Types of Errors
4m 8s
—What We'll Build in This Course
3m 16s
—Ramping up to Start Coding
4m 27s
An Introduction to Building Components with react-boilerplate
- 12m 43s
—Introduction
2m 42s
—Using Scaffolding to Generate Components
2m 39s
—Getting a Container Component to Render on a Route
4m 40s
—Getting Data from the Store on to Your Component
2m 39s
Loading Data from the Server with Redux-saga
- 19m 31s
—Introduction
3m 33s
—Defining Action Creators
3m 48s
—Dispatching an Action from a Container Component
2m 44s
—Intercepting Actions in a Saga to Execute Logic
2m 9s
—Fetching Server Data from a Saga
3m 3s
—Storing Data on the Redux Store from a Saga
3m 25s
—Summary
0m 45s
Handling Events with Redux-saga
- 22m 17s
—Introduction
2m 12s
—Intercept User Events Inside of a Container Component
2m 44s
—Storing User Input on the Redux Store
2m 22s
—Adding an Additional Container Component to an Existing Route
6m 26s
—Get Data from the Server Based on User Input
3m 59s
—Storing Data from the Server on the Redux Store
3m 57s
—Summary
0m 34s
Styling Your Components with CSS
- 32m 4s
—Introduction
0m 45s
—Styling the AppBar Component
6m 5s
—Creating an Action to Toggle the Drawer Component's Visibility
3m 1s
—Creating the Drawer Component
3m 49s
—Adding Conditional Styling Based on State
2m 42s
—Maintaining the Drawer's Open State on the Redux Store
4m 7s
—Show or Hide the Drawer Component Based on State
2m 40s
—Creating the Link Component
3m 4s
—Styling the Link Component
5m 1s
—Summary
0m 46s
Adding Routes to your Application
- 25m 43s
—Introduction
1m 45s
—Intercepting an Action to Change the Route
2m 39s
—Getting a Component to Display on a Child Route
3m 1s
—Using Reselect to Access Route Parameters
2m 40s
—Loading Data for a Component When It's Loaded by a Route
5m 54s
—Preventing Code Injection Through Route Parameters
4m 52s
—Redirecting to a Route Based on Server Data When the App Loads
3m 45s
—Summary
1m 1s
Building Forms to Gather User Input
- 36m 10s
—Introduction
2m 12s
—Getting a New Component to Show on Its Own Route
5m 28s
—Laying out a Form
3m 49s
—Wiring a Form with Validation
3m 52s
—Presenting a Validation Message on a Form
4m 17s
—Getting Form Values onto State
4m 36s
—Navigating Back to the Previous Route
5m 13s
—Selecting Data from Another Container Component's Part of State
5m 23s
—Summary
1m 17s
Achieving Component Reuse
- 19m 30s
—Introduction
1m 22s
—Getting the Link Form Component to Render on a Route
2m 37s
—Fleshing out the Link Form Component
2m 8s
—Displaying a Component in a Dialogue
3m 18s
—Creating a New Generic Component for Text Input
3m 38s
—Using the New Generic Text Input Component
3m 21s
—Changing the Login Component to Use the Text Input Component
2m 21s
—Summary
0m 41s
Tackling a Realistically Complex Feature with Your New Skills
- 35m 44s
—Introduction
1m 49s
—Creating an Icon Button Component
2m 30s
—Extending the New Icon Button Component with Style
3m 30s
—Triggering an Action to Show the Add Route
3m 57s
—Hooking up Validation for the Link Form
4m 40s
—Getting an Action to Fire Containing a New Link
2m 49s
—Saving the New Link to the Server
5m 53s
—Showing a Newly Created Object Inside the App
4m 25s
—Dismissing the Add Link Dialogue
2m 43s
—Summary
3m 25s