React JS with Redux Training

Master the most popular front end framework with real time projects

Enrol Now

New Batch starts from 10th October 2020

Course brief

In the course, first, you will get an overview of React js and Redux and what you 'll be learning throughout the course. Then you'll learn about setting up the environment and installing node and editors to use. Next, you'll learn how to create "Hello world" app in react. Then you'll learn about main concepts like Component, State, Props, Props Validation, the difference between state and props. Then you'll create your first component and learn about the component life cycle. Then you'll learn important concepts like Routing, Styling React Components, dealing with forms in the react and handling events. Then you'll learn about Refs, Hooks and Keys. Then you'll about Redux, a state management framework built over the react library and it's core principles, then learn about actions in redux and create redux store, which acts like a central storage for state. Then learn about redux reducers, react animations and course ends with a real time project.

TIMELINE
5 weeks
PREREQUISITES
Basic of HTML, CSS & Javascript.
SKILL LEVEL
Intermediate

₹9950

₹16500 40%

Why learn React Js?

React JS is a declarative as well as an efficient JavaScript framework for you to build user interfaces flexibly. It makes developing interactive UIs easy and completely painless and you can easily design simple views for different states in your application, and React will update and render just the right components efficiently when your data changes. Most of the web development companies are building interactive web applications with React JS because of its useful features and easy adaptability. This is why it has been one of the highly sought web skills in recent time.

Download Brochure

What you will learn

Lesson 1
JAVASCRIPT (ES-5 and ES-6)
  • Basic JavaScript
  • DOM and BOM
  • Intervals and Objects
  • Prototype ,Hoisting and Closure
  • Let , Const , Arrow , Class and Inheritance
  • Map, Filter , Reduce , Template Literals
  • forEach, for-in, for-of loop.
Lesson 2
Typescript
  • Why Typescript
  • Basic Types
  • Class and Interfaces
  • Modules
Lesson 3
INTRODUCTION TO REACT JS
  • What is React JS?
  • What is SPA?
  • DOM vs Virtual DOM
  • Advantages and Disadvantages
  • Key Features
Lesson 4
ENVIRONMENTAL SETUP
  • Node | NPM
  • Installation of CLI
  • Setup Project
  • Directory Structure
  • Code Editors
  • How React JS Application Boot
Lesson 5
BASIC FEATURES OF REACT JS
  • React Concepts
  • JSX and TSX
  • Render Elements
  • Function and Class Components
  • Props and State
  • Handling Events
  • Dynamic Data Rendering
  • Property Binding
Lesson 6
KEY FEATURES OF REACT JS
  • Conditional Rendering
  • List and Keys
  • Forms Handling
  • Forms Validations
Lesson 7
COMPONENT LIFECYCLE HOOK
  • Understanding component lifecycle
  • All Lifecycle Hooks
Lesson 8
EVENT HANDLING REACT
  • Understanding React Event System
  • Passing arguments to event Handlers
Lesson 9
NETWORK CALL
  • Fetch
  • Axios
Lesson 10
CUSTOM SERVICES
  • Introduction to Services
  • Building a Service
Lesson 11
LOCAL DATA STORAGE
  • Local Storage
  • Session Storage
  • Cookies
Lesson 12
ROUTING WITH REACT ROUTER
  • Setting up React Router
  • Configuring route with Route Component
  • Making routes dynamic with Route Params
  • Working with nested routes
  • Link and NavLink
  • Redirect Routes
Lesson 13
UI COMPONENTS
  • Angular Material
  • PrimeNG
Lesson 14
INTRODUCTION TO REDUX
  • Why Redux
  • Install and setup
  • Store, Reducer , actions
  • Dispatcher
  • High order Components
  • map state to props and map dispatch to props usage
Lesson 15
ADVANCE REDUX
  • Async Actions
  • Middleware
  • Redux Thunk and Redux Saga
Lesson 16
React Hooks
  • Why we need Hooks.
  • Different types of Hooks
  • Using state and effect Hooks
  • useReducer , useRef etc.
  • Custom Hooks
  • Rules of Hooks
Lesson 17
Third Party Modules
  • Social Login
  • Pagination
  • Search
  • Filter
  • JWT Token
  • File Upload
  • Many More
Lesson 18
Rest Js Testing
  • Jest with Enzyme
Lesson 19
Develop a CRUD Application in React Js React JS Application Deployment
  • Build Application and Deployment

FAQs

Can I attend this course online?

Yes. This course is completely online

Will I get a certificate after completing the course?

Yes. On successful completion of this course, we will be issuing you a Course Completion Certificate

Quick Enquiry
Successfully Submitted