Mastering React with Redux - Dot Net Tricks - PowerPoint PPT Presentation

About This Presentation

Mastering React with Redux - Dot Net Tricks


In this ReactJS Certification Training course, you will learn each and every topic with the help of hands-on labs. This program includes a hands-on live project with the implementation of recommended design patterns and practices. – PowerPoint PPT presentation

Number of Views:64


Transcript and Presenter's Notes

Title: Mastering React with Redux - Dot Net Tricks

(No Transcript)
Mastering React with Redux
  • About the Course
  • The Mastering React with Redux course is
    primarily designed for UI Developer(s)/Web
    Developer(s) who want to learn how to develop
    high performance, event-driven, real-time and
    scalable applications.
  • In this course, you will learn the JavaScript,
    ES6, React, React Router, Redux, Middleware, and
    Gulp fundamental like objects, classes,
    functions, components, routing, State and
    Lifecycle, JSX, Forms, data flow, actions and
    much more.
  • Course objective
  • At the completion of this course, attendees will
    be able to
  • Describe JavaScript and ES6 concepts like
    objects, classes, arrow function.
  • Explore React basic and advanced in-depth
  • Create components, routing and forms validations
  • Explore Redux basic and advanced in-depth
  • Create REST Services using Express
  • Consume REST API
  • Secure application based on user roles
  • Scale SPA for Phone, Tablets, Laptop Desktop
    using Bootstrap
  • Use JS Task runner like Gulp.
  • Publish their App on cloud server Heroku.
  • Who can do this course?
  • All professionals who are keen to develop high
    performance web applications should go for this

Course Curriculum
  • Module 1
  • JavaScript and ES6
  • Understanding JavaScript
  • Understanding ES6
  • JavaScript Data Types Primitive Non-Primitive
  • Naming a variable
  • Number Mathematics
  • var, let and const
  • Using var
  • Using let
  • Using const
  • Functions and Arrow Function
  • Different types of Functions
  • Named Function
  • Anonymous Function
  • Arrow Function
  • Anonymous Function vs. Arrow Function
  • Objects and Constructor Function
  • Creating Object

  • Get Started with React
  • Setting up the React App
  • Running the React App
  • React Initialization Process
  • React Virtual DOM
  • React Ecosystem
  • React versus other frameworks
  • JSX
  • Introduction to JSX
  • JSX for components
  • Attributes
  • Expressions
  • React without JSX
  • Module 3
  • React Components
  • Render Elements
  • Understanding Component
  • Creating a Component
  • Types of Components

  • Module 5
  • Redux
  • Introduction to Redux
  • Redux vs. Flux
  • Redux Flow Overview
  • Redux Setup
  • Redux Flow
  • Actions
  • Reducers and Root Reducers
  • Store
  • Dispatch Actions
  • Action creators
  • Async Actions and Action Flow
  • Async Action Creators
  • Async Flow
  • Promises
  • Module 6
  • Routing using React Router
  • Understanding Routing

  • Express Framework
  • Understanding Express
  • Installing Express
  • Creating and Running Express App
  • REST API with Express
  • Introduction to REST
  • Creating REST API using Express
  • Introduction to Postman
  • Testing REST API using Postman REST Client
  • REST API and Axios
  • Introduction to Axios
  • Using Axios with React
  • Consuming REST API using Axios in React
  • Performing CRUD operations
  • Module 8
  • Unit Testing
  • Introduction to Unit Testing
  • React Unit Testing setup
  • React Unit Testing frameworks

  • Defining Routing
  • Developing User Login and Signup Page
  • Developing User and Admin Dashboard
  • Module 10 (Project)
  • Security
  • Implementing Token based Authentication
  • Managing User session
  • Implementing Authorization
  • Route Protection
  • Protecting a Route from Unauthorized Access
  • Need of Route Protection
  • Category and Product Listing
  • Category CRUD Operations
  • Product CRUD Operations
  • Shopping Cart
  • Creating Shopping Cart
  • Adding Products to Shopping Cart
  • Removing Products from Shopping Cart
  • Module 11 (Project)

Project Details
Description You will learn how to develop an
online book store site. The site will show the
list of products to User/Customer. A user can
search and purchase books. He can see the
previous order history. Here, admin will be
responsible for managing books and their
categories. The application will use React
recommended architecture with extensible
approach. We would be using payment gateway to
do online payment and finally publishing it.
Project Architecture The primary goal of this
architecture is to share as much code as possible
across the web application and further reuse
existing code for mobile apps development if
necessary. This architecture will help you to
develop SPA with the recommended design patterns
and practices.
  • What you will learn through project?
  • Creating shopping cart using React.
  • Integrating payment gateway.
  • Validating data at client side and server side.
  • Using Node's Package Manager NPM.
  • Scaling web app for Phone, Tablets, and Laptop
  • Securing you application based on user roles.
  • Using JS Task runner like Gulp.
  • Deploying your app on Github.
  • Publishing your app on cloud server.
  • Contact Us
  • For more information about the course, visit
  • Feel free to call us at 91 9999 123 502 or email
    us at

Write a Comment
User Comments (0)