Building Applications with React 16 and Flux 3
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
- 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
- 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
- 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
About the author
Cory is the principal consultant at reactjsconsulting.com, where he has helped dozens of companies transition to React. Cory has trained over 10,000 software developers at events and businesses worldwide. He is a seven time Microsoft MVP, and speaks regularly at conferences around the world. Cory lives in Kansas City and is active on Twitter as @housecor.