a

Introduction to React with Redux

React-With-Redux---Stalwart-Learning

3 Days

Deep experience on JavaScript

LAB SETUP

H/W: 1 PC/Laptop Per participant with a minimum of 4GB RAM and 50GB Hard Disk Space

OS: Any

S/W: • Google Chrome and/or Firefox with Firebug

  • Other modern browsers as desired
  • IDE/development environment of your choice
  • Node.js
    • What is React? What problem does it solve?
    • What is Redux? What problem does it solve?
    • Overview of NodeJS
    • 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
  • ECMAScript 6 (ES6) Fundamentals
    • Classes
    • ES Modules
    • Arrow Functions
    • Template Literals
    • Scoping using let and const Keywords
    • Spread Syntax and Rest Parameters
    • Async, await, generator
    • Destructuring
  • React – Creating Components
    • Using createClass
    • Extending React.Component
    • Stateless Functions
    • Referencing DOM Elements
  • React – Create Element & JSX
    • Rendering
    • Passing Props
    • Initializing State 
    • Updating State
    • Working with Forms
    • React Router
    • ReactLink
    • Principle of One-Way and Two-Way Data Binding o Server-side rendering with Node and the benefits.
    • Best Practices 
    • Sibling Components and Keys
    • Parent and Child Components
    • Props and State
    • Events
    • Functions
    • Error handling
  • Webpack
    • Module Bundling Overview
    • Installation
    • Creating Webpack configuration
    • Setting up webpack-dev-server
    • Configure automatic browser refresh
    • Loading Modules
    • Optimizing rebundling of react components
    • Using Less/Sass loaders
    • Hot loading components
  • Redux – Store
    • Dispatching Actions
    • Subscribing Components
    • Working with Middleware
    • Redux – Reducer Functions
    • Immutable Programming and State
    • Setting up and Handling Actions
    • Combining Reducer Functions
    • Asynchronous Actions
    • React-Redux Bindings
    • Binding Components to React Store using “Connect”
    • Injecting Redux Store using Provider
  • Unit Testing – Tools
    • Jest & Enzyme
    • TestUtils
  • React 16 new features
    • Error Handling
    • Custom Dom Attributes
    • Better server-side rendering