REACT JS with Redux

Module 1: ES6 Primer

• History of Javascript
• What is ES6
• A word on bable
• Block scope, let & const
• Template literals
• Arrow functions
• Spread and Rest operators
• Object literal improvements
• Destructuring
• Classes
• Inheritance
• Static properties and methods
• Promises
• Iterators and Iterables
• Generators
• Modules
• Set and Map

Module 2: Introduction To React.

• What is React?
• Why React?
• React version history
• React 16 vs React 15
• Just React – Hello World
• Using create-react-app
• Anatomy of react project
• Running the app
• Debugging first react app

Module 3: Templating Using JSX

• Working with React. create Element
• Expressions
• Using logical operators
• Specifying attributes
• Specifying children

Module 4: It`s All About Components

• Significance of component architecture
• Types of components
• Functional
• Class based
• Pure
• Component Composition

Module 5: Working With The state And Props

• What is state and it significance
• Read state and set state
• Passing data to component using props
• Validating props using prop  Types
• Supplying default values to props using default Props

Module 6: Understanding component Lifecycle

• Understanding component lifecycle

Module 7: Hive in Talend for Big Data

• Understanding React event system
• Understanding Synthetic event
• Passing arguments to event handles

Module 8: Rendering list

• Using react to key prop
• Using map function to iterate on arrays to generate elements

Module 9: Working With forms

• Controlled components
• Uncontrolled components
• Understand the significance to defaultValue prop
• Using react ref prop to get access to DOM elemen

Module 10: Understand React Portals

• Understand react portals

Module 11: Under error boundaries

• Under error boundaries

Module 12: React’s new fiber architecture

• React’s new fiber architecture

Module 13: Routing With react router

• Setting up react router
• Understand routing in single page applications
• Working with BrowserRouter and HashRouter components
• Configuring route with Route component
• Using Switch component to define routing rules
• Making routes dynamic using route params
• Working with nested routes
• Navigating to pages using Link and NavLink component
• Redirect routes using RedirectComponent
• Using Prompt component to get consent of user for navigation
• Path less Route to handle failed matches

Module 14: Just Redux

• What is redux
• Why redux
• Redux principles
• Install and setup redux
• Creating actions, reducer and store

Module 15: Immutable.js for immutable datastructures

• js for immutable datastructures

Module 16: React Redux

• What is React Redux
• Why React Redux
• Install and setup
• Presentational vs Container components
• Understand high order component
• Understanding mapStateToProps and mapDispatchtToProps usag

Module 17: Redux Saga (Redux middleware)

• Why redux middleware
• Available redux middleware choices
• What is redux saga
• Install and setup redux saga
• Working with Saga helpers
• Sagas vs promises

Module 18: Server-side rendering with react

• What is server-side rendering (SSR)?
• Why SSR
• Working with renderToString and renderToStaticMarkup method