ReactJS for Full Stack

Languages
English + Gujarati + Hindi + Marathi

Batch Size
10-40

Duration
152 hours

Induction training for new hires to get them project ready.
OOJS & ES6 - 8 hours
Classes in JavaScript: this keyword, Constructor, Member Variables, Member Functions
Inheritance & Encapsulation (Private variables (Using #), Private Functions (Using #))
Arrow functions, Multi-line strings (using backticks), Destructuring Assignment
Promises & Async/Await, Enhanced Object Literals
Basics of React - 2 hours
What is React? History of React.
What is virtual DOM? What is SPA (Single Page Application)?
Local Setup - 8 hours
What is Package.json? What is Package-lock.json?
Checking out contents of public folder
Understanding the sample app
What is npm? Introduction to npmjs.com
How to install packages with npm?
What is yarn? How to install packages with yarn?
DOM & Virtual DOM - 2 hours
What is DOM? How to use DOM with JavaScript?
What is Virtual DOM?
Introduction to JSX - 4 hours
Demo (Manipulation of HTML with javascript)
What is JSX? Advantages of JSX.
JSX syntax & examples
Rendering Elements - 2 hours
ReactDOM.render method
Components - 8 hours
What are the Components? Types of Components; What are props?
Class-based Components - 12 hours
Component Class in React; Creating a component
Conditional Rendering - 4 hours
Using && operator, Using || operator, Using ternary operator
Event Listener - 4 hours
What are event listeners? Signature of the event listener.
Event argument, Working with Event argument
Forms - 12 hours
Textbox - Saving the user input in state + Updating the text value
Checkbox - Saving the user input in state + Updating the text value
Radio - Saving the user input in state + Updating the text value
Select - Saving the user input in state + Updating the text value + Dynamic options
File - Saving the file in states
Button - Handling the click event
Working with Images - 2 hours
How to insert images in React? Working with URLs; Working with local images
Making API Calls - 4 hours
Install Axios, Importing Axios; Sending REST API calls
Local Storage - 2 hours
What is localStorage? How to use localStorage in React?
Cookies - 2 hours
What are Cookies? How to use cookies in React?
Functional Components - 12 hours
Why functional component? How to create functional components?
How props are passed to a functional component?
What are hooks? useState hook + useEffect hook + Custom hooks
Nesting Components - 6 hours
How to nest components?
How to pass data from Parent to Child?
How to pass data from Child to Parent?
Routing - 4 hours
What is routing? Installing React-router
Configure routing in project; Creating routes, Switching routes
Debugging - 6 hours
Debugger; statement; How to debug in the browser?
Adding variable watch; Understanding the stack trace
Using the console to read & manipulate variables
React UI Frameworks - 10 hours
What are UI frameworks? Overview of following frameworks: Bootstrap + Antd + ElasticUI
Redux - 12 hours
Why do we need Redux? How does Redux work?
Adding Redux to your app.
Creating Redux Actions, Creating Reducers
Connecting components to the store
Running React-Redux application
Persisting the Redux store
Redux DevTools; Best Practices
Middleware Thunk - 12 hours
Why do you need Redux Thunk? How does Redux Thunk work?
Adding Redux Thunk to React; Creating a thunk, Async thunks
Refactoring the IMDb reducer; Using thunks to create server resources; Using thunks to delete server resources
Live Project: IMDb
Assessment:
Experienced developer and entrepreneur. Expert in React.Js, Node.Js, MERN Stack, DevOps, Microservices, Cloud, Blockchain, Flutter, etc. Trained students, freshers, and experienced professionals.