2016
pluralsight.com
Cory House
06:14:00
English

Learn how to use Redux, React Router, and ES6 to build a real world app with React. Use Webpack, Babel, ESLint, npm scripts, Mocha, Enzyme, and more to build a rich, one step, custom React development environment and build process from the ground up.
React is a library with so much power, but so few strong opinions. So building something significant requires a large number of decisions and work to build the foundation. In Building Applications with React and Redux in ES6, you will learn how to use Redux, React Router, and ES6 to build powerful and fast React applications from the ground up, as well as use Webpack, Babel, ESLint, npm scripts, Mocha, Enzyme. Finally, you will create a rapid feedback development environment that runs linting and tests, transpiles ES6 to ES5, starts up Express as a webserver, opens the application, and hot reloads changes every time you hit save and deploys with a single command. When you're finished with this course, you will have a foundational knowledge of React and Redux in ES6 that will help you as you move forward building robust, scalable React applications using a custom, rapid feedback development environment.

Course Overview
Course Overview
Intro
Course Outline
Who Is This Course For?
How Is This Course Different from the React and Flux course?
Why Redux?
Summary
Environment Setup
Intro
Environment Overview
Versions Used in This Course
Hot Reloading
Install Node
Create package.json
Editors
Install npm Packages
Introduce npm Scripts
Create src Directory
Set up Webpack
Set up editorconfig
Set up Babel
Set up Express
Create Start Script
Create Start Message
Set up ESLint
Create Parallel Scripts
Set up Testing
Add Test Scripts
Summary
React Component Approaches
Intro
Four Ways to Create React Components
ES5 Create Class Component
ES6 Class Component
ES5 Stateless Component
ES6 Stateless Component
When Should I Use Each Style?
Other Ways to Create Components
Container vs. Presentation Components
Summary
Initial App Structure
Intro
Create Initial Components
Create App Layout
Configure Routing
Update Entry Point
Create Styles
Create Header
Create Course Page
Summary
Intro to Redux
Intro
Do I Need Redux?
Three Core Redux Principles
Flux Similarities
Flux Differences
Redux Flow Overview
Summary
Actions, Stores, and Reducers
Intro
Actions
Store
What Is Immutability?
Why Immutability?
Handling Immutability
Reducers
Summary
Connecting React to Redux
Intro
Container vs. Presentational Components
React-redux Introduction
mapStateToProps
mapDispatchToProps
A Chat with Redux
Summary
Redux Flow
Intro
Create Simple Add Course Form
Binding in ES6
Actions
Reducers
Root Reducer
Store
Instantiate Store and Provider
Connect Container
Step Through Redux Flow
mapDispatchToProps Manual Mapping
bindActionCreators
Container Structure Review
Action Type Constants
Summary
Async in Redux
Intro
Why a Mock API?
Async Library Options
Thunk Overview
Mock API Setup
Remove Inline Form
Add Thunk to Store
Create Load Courses Thunk
Action Naming Conventions
Load Courses in Reducer
Dispatch Action on Page Load
Create Course List Component
Summary
Async Writes in Redux
Intro
Create Manage Course Page
Create Manage Course Form
Create Form Input Components
Use Manage Course Form
Create Author Actions
Create Author Reducer
Map Author Data for Dropdown
Create Form Change Handler
Create Save Course Thunk
Handle Creates and Updates in Reducer
Dispatch Create and Update
Redirect via React Router Context
Populate Form via mapStateToProps
Update State via componentWillReceiveProps
Summary
Async Status and Error Handling
Intro
Create Preloader Component
Create AJAX Status Actions
Create AJAX Status Reducer
Call Begin AJAX in Thunks
Hide Preloader Based on Status
Use Promises to Wait for Thunks
Create Form Submission Loading Indicator
Display Save Notification
Error Handling
Summary
Testing React
Intro
Testing Frameworks
Helper Libraries
Where to Test
Testing React with React Test Utils
Testing React with Enzyme
Summary
Testing Redux
Intro
Testing Connected React Components
Testing mapStateToProps
Testing Action Creators
Testing Reducers
Testing Thunks
Testing the Store
Summary
Production Builds
Intro
Setup Production Redux Store
Setup Webpack
Setup HTML Build
Setup Dist Server
Setup npm Scripts
Review Results
Final Challenge

http://0s.o53xo.obwhk4tbnrzwsz3ioqxgg33n.cmle.ru/courses/react-redux-react-router-es6

Download File Size:1.06 GB

---