React JS Training is a course designed to help developers learn how to build dynamic user interfaces using React JS. It covers topics such as components, props, state, and more. It also provides an understanding of the different tools and libraries available to use when building React applications.
REACT JS TRAINING
Instructor
admin
- Description
- Curriculum
- FAQ
- Reviews
Prerequisites
- This course does not have any requirements. A rudimentary understanding of JavaScript, on the other hand, would be advantageous.
What will you gain after this course
This course is open to anyone who wants to learn more about React JS.
Jobs you can get
with a React Native
- React Native Developer
- Full-Stack Developer
- Front End Developer
- Network Administrator
- Mobile Application Developer

Select your preferred training delivery mode
[sg_popup id=”1145″ event=”click”][/sg_popup]
[sg_popup id=”1145″ event=”click”][/sg_popup]
[sg_popup id=”1145″ event=”click”][/sg_popup]
[sg_popup id=”1145″ event=”click”][/sg_popup]
[sg_popup id=”1145″ event=”click”][/sg_popup]
ES6 Primer
<ul>
<li> JavaScript history</li>
<li> ES6 and Babel</li>
<li> Arrow functions and template literals</li>
<li> Rest and spread operators</li>
<li> Classes and inheritance</li>
<li> Static methods and properties</li>
<li> Iterators and iterables</li>
<li> Generators</li>
</ul>
<li> JavaScript history</li>
<li> ES6 and Babel</li>
<li> Arrow functions and template literals</li>
<li> Rest and spread operators</li>
<li> Classes and inheritance</li>
<li> Static methods and properties</li>
<li> Iterators and iterables</li>
<li> Generators</li>
</ul>
Introduction to React
<ul>
<li> Version history of React</li>
<li> React 15 vs React 16</li>
<li> Using create-react-app</li>
<li> Debugging first react app</li>
</ul>
<li> Version history of React</li>
<li> React 15 vs React 16</li>
<li> Using create-react-app</li>
<li> Debugging first react app</li>
</ul>
Templating Using JSX
<ul>
<li> Working with React.createElement</li>
<li> Logical operators and expressions</li>
<li> Specifying attributes and children</li>
</ul>
<li> Working with React.createElement</li>
<li> Logical operators and expressions</li>
<li> Specifying attributes and children</li>
</ul>
Components of React
<ul>
<li> Component architecture and its significance</li>
<li> Types of components</li>
</ul>
<li> Component architecture and its significance</li>
<li> Types of components</li>
</ul>
Working with Props and State
<ul>
<li> State and its significance</li>
<li> Set and read states</li>
<li> Passing data to a component through props</li>
<li> Validation of props with propTypes</li>
<li> Using default props to supply default values to props</li>
<li> Rendering lists</li>
<li> Using the React key prop</li>
<li> Using the map function for iteration on arrays to generate elements</li>
</ul>
Event Handling in React
<ul>
<li> React event system and the synthetic event</li>
<li> Passing arguments to event handlers</li>
<li> Component lifecycle</li>
<li> Significance of lifecycle methods and real-time use cases</li>
</ul>
<li> React event system and the synthetic event</li>
<li> Passing arguments to event handlers</li>
<li> Component lifecycle</li>
<li> Significance of lifecycle methods and real-time use cases</li>
</ul>
Working with Forms
<ul>
<li> Controlled and uncontrolled components</li>
<li> Significance of the default Value prop</li>
<li> Using the React ref prop to access the DOM element</li>
</ul>
<li> Controlled and uncontrolled components</li>
<li> Significance of the default Value prop</li>
<li> Using the React ref prop to access the DOM element</li>
</ul>
Routing with React Router
<ul>
<li> Setting up the router</li>
<li> Understanding routing with the help of single-page applications</li>
<li> Working with HashRouter and BrowserRouter components</li>
<li> Configuration of the router, using the route component</li>
<li> Using switch component for defining routing rules</li>
<li> Using route params for making routes dynamic </li>
<li> Working with nested routes</li>
<li> Navigation to pages, using NavLink and Link components</li>
<li> Using the redirect component to redirect the route</li>
<li> Using the prompt component to get user consent for navigation</li>
<li> Making use of the pathless route for handling failed matches</li>
</ul>
<li> Setting up the router</li>
<li> Understanding routing with the help of single-page applications</li>
<li> Working with HashRouter and BrowserRouter components</li>
<li> Configuration of the router, using the route component</li>
<li> Using switch component for defining routing rules</li>
<li> Using route params for making routes dynamic </li>
<li> Working with nested routes</li>
<li> Navigation to pages, using NavLink and Link components</li>
<li> Using the redirect component to redirect the route</li>
<li> Using the prompt component to get user consent for navigation</li>
<li> Making use of the pathless route for handling failed matches</li>
</ul>
Just Redux and Immutable.js
<ul>
<li> Principles of Redux</li>
<li> Installation and setup process of Redux</li>
<li> Creation of reducer, actions, and store</li>
<li> Immutable.js</li>
<li> Collections in Immutable</li>
<li> Lists, sets, and maps</li>
</ul>
<li> Principles of Redux</li>
<li> Installation and setup process of Redux</li>
<li> Creation of reducer, actions, and store</li>
<li> Immutable.js</li>
<li> Collections in Immutable</li>
<li> Lists, sets, and maps</li>
</ul>
React Redux
<ul>
<li> Installation and setting up of React Redux</li>
<li> Container components vs presentational components</li>
<li> Understanding the high-order component</li>
<li> Understanding mapDispatchtToProps and mapStateToProps usage</li>
</ul>
<li> Installation and setting up of React Redux</li>
<li> Container components vs presentational components</li>
<li> Understanding the high-order component</li>
<li> Understanding mapDispatchtToProps and mapStateToProps usage</li>
</ul>
Redux Middleware
<ul>
<li> Choices available in Redux middleware</li>
<li> Redux saga</li>
<li> Setting up and installing Redux</li>
<li> Working with saga helpers</li>
<li> Promises vs sagas</li>
</ul>
<li> Choices available in Redux middleware</li>
<li> Redux saga</li>
<li> Setting up and installing Redux</li>
<li> Working with saga helpers</li>
<li> Promises vs sagas</li>
</ul>
Unit Testing
<ul>
<li> Significance of unit testing</li>
<li> Understanding unit testing tools and jargons</li>
<li> Unit testing react components, using enzyme and jest</li>
</ul>
<li> Significance of unit testing</li>
<li> Understanding unit testing tools and jargons</li>
<li> Unit testing react components, using enzyme and jest</li>
</ul>
New Features of React 16
<ul>
<li> Handling exceptions in components</li>
<li> Error boundaries</li>
</ul>
<li> Handling exceptions in components</li>
<li> Error boundaries</li>
</ul>
Webpack Primer and Isomorphic React
<ul>
<li> Webpack and its use</li>
<li> Setting up and installing Webpack</li>
<li> Working with the configuration file of Webpack</li>
<li> Working with loaders</li>
<li> Quick word on lazy loading, code splitting, and tree shaking</li>
<li> Setting up a hot module replacement</li>
<li> Server-side rendering (SSR)</li>
<li> Working with renderToStaticMarkup and renderToString methods</li>
</ul>
<li> Webpack and its use</li>
<li> Setting up and installing Webpack</li>
<li> Working with the configuration file of Webpack</li>
<li> Working with loaders</li>
<li> Quick word on lazy loading, code splitting, and tree shaking</li>
<li> Setting up a hot module replacement</li>
<li> Server-side rendering (SSR)</li>
<li> Working with renderToStaticMarkup and renderToString methods</li>
</ul>
Please, login to leave a review