Building Applications with React and Flux
Get started with React, React Router, and Flux by building a data-driven application that manages Pluralsight course data. This course uses a modern client-side development stack including create-react-app, Node, Webpack, Babel, and Bootstrap.
What you'll learn
Get started with React, React Router, and Flux by building a real-world style data-driven application that manages Pluralsight course data. This course uses a modern client-side development stack including create-react-app, Node, Webpack, Babel, and Bootstrap.
Table of contents
Course Overview
2mins
Intro
22mins
Environment Setup
25mins
React Core Concepts
26mins
Creating React Components
21mins
Props, State, Lifecycle Methods, and Keys
23mins
Hooks, Component Composition, and PropTypes
28mins
React Router
31mins
- Intro 1m
- Overview: Key Components 2m
- Demo: Initial Configuration 1m
- Demo: Declaring Routes 3m
- Links and NavLinks 2m
- Demo: Links 2m
- Demo: NavLinks 4m
- Switch and 404s 1m
- Demo: 404s 2m
- Redirects 2m
- Demo: Redirects 1m
- URL Parameters and Querystrings 1m
- Demo: URL Parameters 6m
- Prompt on Transition 1m
- Demo: Prompt on Transition 1m
- Summary 1m
Forms
53mins
- Intro 1m
- Create Add Course Button 2m
- Create Course Form 2m
- Controlled Components 1m
- Form State and Change Handlers 9m
- Declaring State Change Handlers 5m
- Creating Reusable Inputs 6m
- Consuming Reusable Inputs 2m
- Saving Data 4m
- Programmatic Redirects with React Router 2m
- Notifications via a Third Party Component 3m
- Input Validation and PropTypes 7m
- Populate Form via the URL 7m
- Summary 2m
Flux
23mins
Flux Demos
57mins
- Intro 1m
- Dispatcher 1m
- Actions 6m
- Stores: Change Listeners 6m
- Stores: Registration 3m
- Stores: Private Storage 6m
- Stores: Interactions 5m
- Stores: Initialization 8m
- Update Course Flow with Flux 3m
- Adding Store Listeners 5m
- Delete Course via Flux 8m
- Summary: Stepping through Flux 3m
- Final Challenges 2m
