2015
Pluralsight
Hendrik Swanepoel
2:51
English

Do you feel a little bit overwhelmed by all of the other technology you need to decide on and learn in order to get your React app in production? You need to build JSX, and you probably want to use ES6 and ES7 too. How about flux, how does that work, and what library should you use to implement it? This course will show you what issues need to be addressed when you build React apps, what technology to address it, and how the technologies fit together.

Introduction
Welcome
The Demo App
A Breakdown of the Stack
Recap
Environment and Tools
Introduction
Webpack Basics
ESNext with Webpack and Babel
Using React with Webpack
Debugging and Reloading
SASS Compilation
Recap
Styling with Material-UI
Introduction
Better Components
Install and Configure Material-UI
Styling the Message List
The Channel List
The Message Box
Recap
Using Firebase
Introduction
Installation and Configuration
Working with Objects Instead of Arrays
Writing Data
Real-time Data
Recap
Flux Architecture with Alt
Introduction
The Benefits of Using Alt
Getting Started with the Alt Library
Refactor the Channel List Component to Flux
Refactor the Message List Component to Flux
Responding to a Channel Selection
Showing Message Loading Progress
The Flux Way to Add a New Message
Adding a New Message to the Flux Store
Recap
Routing in a Flux App with React Router
Introduction
Making Our App Router Friendly
Defining Routes
Redirecting Routes
Route Parameters
Recap

Download File Size:385.38 MB

---