React JS Training Institute :
React and Redux in ES6/>
React JS Course Content
Getting Started withReact and Redux in ES6
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 gorund up.
React is a library with so much power, but so few strong opinions. In this course, 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 eploys 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.
Syllabus:
Introducing React
- Introduction
- Advantages
- Architecture
Components
- Defining Components
- Rendering Components
- Populating Props
- Composing Components
- State
- Default Props
- Validating Props
JSX
- What is JSX?
- JSX for Components
- Just-in-time JSX Transformer
- Pre-process Transformer
- Attribute Expression
- Child Expressions
- HTML Attributes
- Unescaping Content
Events
- Introduction
- DOM Events
- Component Events
- Touch Events
Environment Setup
- Introduction
- Hot Reloading
- Set up Webpack
- Set up Babel
- Set up Express
- Set up ESLint
- Set up Testing
ES6
- Introduction
- New ES6 Syntax
- ES6 Modules and Classes
- New Types and Object Extensions
- Iterators, Generators, and Promises
- Arrays and Collections
- The Proxy API
Initial App Structure
- Create Initial Components
- Create APP Layout
- Configure Routing
- Cloning components
- Update Entry Point
- Create Styles
Introduction to Redux
- Do we need Redux?
- Virtual DOM
- Three Core Redux Principles
- Redux Flow Overview
Actions, Stores, and Reducers
- Introduction
- Actions and Store
- Immutability
- Handling Immutability
- Reducers
Connecting React to Redux
- Introduction
- Container vs. Presentational Components
- React-Redux Introduction
- mapStateToProps
- mapDispatchToProps
Redux Flow
- Introduction
- Binding in ES6
- Actions
- Reducers
- Initiate Store and Provider
- Connect Container
- Manual Mapping
- bindActionCreators
- Action Type Constants
Async in Redux
- Introduction
- Mock API
- Async Library Options
- Thunk Overview
- Add Thunk to Store
- Action Naming Conventions
- Dispatch Action on Page Load
- Error Handling
Testing React
- Introduction
- Testing Frameworks
- Helper Libraries
- Testing React with React Test Utils
- Testing React with Enzyme
Testing Redux
Production Build
Debugging React Application
React Render on Serve
About Ascent React JS Training Institute :
Ascent React JS Training Institute Providing high quality training at affordable fees is our core value. We offers classroom on niche technologies which are in high demand. All our trainers are IT professionals with rich experience. We work with our students in developing the right skills they need to build their career in present competitive environment. We have flexible batch times to suit the timings of graduating students and working professionals.
Ascent Testing Training Institute In Bangalore Excellent Trainers and Fabulous Lab this is what you can expect from us.Free training materials, Free Career consulting, Career guidance by experienced IT professionals, Pleasant and modern training rooms.