React.js and Redux
React is front end library developed by Facebook. It's used for handling view layer for web and mobile apps. ReactJS allows us to create reusable UI components. It is currently one of the most popular JavaScript libraries and it has strong foundation and large community behind it.
Redux is a predictable state container for JavaScript apps. (If you're looking for a WordPress framework, check out Redux Framework.) It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test.
This Introduction to React and Redux training class teaches developers how to use React to build single-page web applications using the Component design pattern as implemented by the React framework. It includes a broad exploration of the varied features of React and Redux.
Redux is a predictable state container for JavaScript apps. (If you're looking for a WordPress framework, check out Redux Framework.) It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test.
This Introduction to React and Redux training class teaches developers how to use React to build single-page web applications using the Component design pattern as implemented by the React framework. It includes a broad exploration of the varied features of React and Redux.
Prerequisites
- JavaScript
Duration: 32hrs
Course Content:
- Overview
- What is React? What problem does it solve?
- What is Redux? What problem does it solve?
- ES2015 and JSX
- ES2015 features which impact React and Redux
- How to create components with ES2015
- Using Babel for ES2015 and JSX
- Using WebPack with React/Redux Development
- Immutable Programming & Immutable.js
- React - Creating Components
- Using createClass
- Extending React.Component
- Stateless Functions
- Referencing DOM Elements
- React - Create Element & JSX
- Rendering
- Passing Props
- React - Working with State
- Initializing State
- Updating State
- Working with Forms
- Composing Components
- Sibling Components and Keys
- Parent and Child Components
- Props and State
- Component Life-Cycle
- Events
- Functions
- Server Rendering
- Redux - Reducer Functions
- Immutable Programming and State
- Setting up and Handling Actions
- Combining Reducer Functions
- Redux - Store
- Dispatching Actions
- Subscribing Components
- Working with Middleware
- Asynchronous Actions
- Unit Testing - Tools
- Jest & Jasmine
- Enzyme
- TestUtils
- Unit Testing - Testing React
- Testing DOM Manipulations
- Testing Properties and State
- Simulating Events
- Shallow Rendering
- Unit Testing - Testing Redux
- Unit Testing Containers, Routes and Root Containers
- Unit Testing Mutations
- Conclusion