React with Redux Training Logo

React with Redux Training

Live Online & Classroom Enterprise Training

Learn the advanced concept of React with Redux with interesting examples to help you build a solid understanding of the subject.

Looking for a private batch ?

REQUEST A CALLBACK

Need help finding the right training?

Your Message

  • Enterprise Reporting

  • Lifetime Access

  • CloudLabs

  • 24x7 Support

  • Real-time code analysis and feedback

What is React with Redux Training about?

React with Redux course is designed to get you familiar with the advanced concepts in React. The course contains interesting examples to help you build a solid understanding of the concepts.


Key Features:

  • Cloud labs
  • 24/7 Support
  • Access to recordings and materials
  • Lesson-end quizzes 
  • Course-end Assessments
  • Hands-on assignment

What are the objectives of React with Redux Training ?

At the end of React.JS with Redux training, you will be able to:

  • Explain JSX Templating
  • Describe State and Props
  • Discuss Forms, Context, and Hooks
  • Define Redux concepts

Who is React with Redux Training for?

  • Programmer and Developers

What are the prerequisites for React with Redux Training?

  • Basic HTML, CSS, and Javascript Knowledge

Available Training Modes

Live Online Training

30 Hours

Classroom Training

5 Days

Self-Paced Training

10 Hours

Course Outline Expand All

Expand All

  • History of Javascript
  • Basic Concepts
  • What is ES6
  • A word on Babel
  • Block scope, let & const
  • Template literals
  • Arrow functions
  • Spread and Rest operators
  • Object literal improvements
  • Destructuring
  • Classes
  • Inheritance
  • Promises
  • Iterators and Iterables
  • Generators
  • Modules
  • Architecture of ReactUI App
  • JSX Templating - React.createElement
  • JSX Templating - Creating templates
  • JSX Templating - Applying properties in JSX
  • JSX Templating - Applying Expressions
  • JSX Templating - Using logical operators
  • JSX Templating - Specifying attributes
  • JSX Templating - Specifying children
  • JSX Templating - Represents objects
  • JSX Templating – Fragments
  • Importance and types of components
  • Architecture of component
  • Significance of component architecture
  • What is a component?
  • Importance of component architecture
  • Types of components
  • Functional
  • Class based
  • Pure Components
  • Higher-Order Components
  • Component Composition
  • Define State and its Types
  • Props and Use
  • Read props and set props
  • Passing data to component using props
  • Supplying default values to props using default Props
  • Validating props using prop Types
  • State, Use and Types
  • Read state and set state
  • Rendering Lists in UI
  • ‘map’ Function
  • Working with Lists
  • What is Event system
  • Event handlers
  • Understanding React event system
  • Understanding Synthetic event
  • Passing arguments to event handlers
  • Component Lifecycle
  • Understand the lifecycle methods
  • Handle errors using error boundaries Working with Forms
  • Components in Forms
  • Controlled components
  • Uncontrolled components
  • Use of Prop
  • Working with React redux-forms
  • Using react ref prop to get access to DOM element
  • Working with refs
  • Use cases for refs
  • What is context and its use
  • Creating context
  • Reading context
  • Context overview and uses
  • Working with context
  • Create Context
  • Context.Provider
  • Context.Consumer
  • Reading context in class
  • What is code splitting
  • Why do you need code splitting
  • use of functions in code splitting
  • import()
  • React.lazy
  • Suspense
  • Error boundaries
  • Named Exports
  • Route-based code splitting
  • What are hooks
  • Why do you need hooks
  • Different types of hooks
  • Using state and effect hooks
  • Rules of hooks
  • Understand the basics of routing
  • Configure route components
  • Working with nested routes
  • Routing fundamentals
  • 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
  • Use Link and NavLink component to navigating to different pages
  • Redirect routes using Redirect Component
  • Use of Prompt component to obtain the consent for navigation
  • Path less Route to handle failed matches
  • Basics of Redux
  • Why redux
  • Redux principles
  • Working with Redux
  • Install and setup redux
  • Creating actions, reducer and store
  • State Storage
  • Redux Rules
  • What is Immutable.js?
  • Why do we need Immutable.js?
  • Immutable collections
  • What is React Redux
  • Why React Redux
  • Importance of React Redux
  • Different API and Components
  • Components
  • Presentational vs Container components
  • Understand high order component
  • Understanding mapStateToProps and mapDispatchtToProps usage
  • Redux middleware
  • Why redux middleware
  • Available redux middleware choices
  • Redux saga
  • What is redux-thunk
  • What is redux saga
  • Install and setup redux saga
  • Working with Saga helpers
  • Sagas vs promises
  • Understand different types of Unit Testing and Testing tools
  • Understand the significance of unit testing
  • Understand unit testing jargon and tools
  • Unit testing react components with Jest
  • Unit testing react components with enzyme
  • What is webpack
  • Why webpack
  • Install and setup webpack
  • Configuration Files
  • Working with webpack configuration file
  • Working with loaders
  • Working with plugins
  • Setting up Hot Module Replacement
  • What is server-side rendering (SSR)?
  • Why SSR?
  • Working with renderToString and renderToStaticMarkup methods

Who is the instructor for this training?

The trainer for this React with Redux Training has extensive experience in this domain, including years of experience training & mentoring professionals.

Reviews