React JS Course

With our React JS course, you will be able to learn all you need to know about front end and that too in a very short time. You can also become self-employed or get employed at an it company as a part of its Web Designing team! 

This course can be taken by freshers and professionals who want to make a career in front end. The course curriculum is periodically refreshed to keep it relevant. Access to certified trainers and flexible class timings. Online and offline classes are available at Gandhinagar center. 

React JS Course Syllabus

• Introduction To Javascript, Browsers and DOM Introduction to Javascript
• What is Event driven programming What is Javascript Introduction to DOM How does the browser work Render-Tree construction, layout and paint in Browser DOM traversal(most important part)
• Introduction to React Js
• What is React?
• Why ReactJS?
• Setup - React
• Structure of ReactJS Projects
• Webpack - the role of package managers or bundlers
• JSX in detail
• First React app
• React Js Components
• Intro to React components
• Thinking in React
• Component lifecycle
• Creating a React Component
• Rendering multiple components
• Nesting Components
• How to split an App into components
• Comparing Stateless and Stateful Components
• Understanding the Component Lifecycle
• Converting Stateless to Stateful Components
• One Component per File - how to break app in multiple files
• How React Js Work Internally
• How React Updates the App & Component Tree
• Understanding React's DOM Updating Strategy
• Understanding Higher Order Components
• Props , Events and States
• Intro to props
• props in action adding props to reactDOM.render()
• Intro to events
• Events in action
• What is state
• Difference between props(immutable) and states
• Adding state to the component
• Track changing data in your components
• Multiple child components
• Updating state and removing component
• Creating App using states and props Stage
• Styling React App
• Setting Styles Dynamically
• Setting Class Names Dynamically
• Using Radium for Media Queries
• Enabling & Using CSS Modules
• Outputting Lists with ngFor
• Practicing Directives
• Mobile Considerations
• Working with React-Router
• Intro to React Router
• Server vs. Client Routing
• Setting up a 404
• Linking Between Routes
• Navigating Programmatically
• Using Query Parameters
• Redirecting and Wildcard Routes
• Handling Forms In React App
• What is web form
• Creating a Custom Dynamic Input Component
• Setting Up a JS Config for the Form
• Dynamically Create Inputs based on JS Config
• Handling User Input
• Handling Form Submission
• Adding Custom Form Validation
• Showing Error Messages
• Redux
• Understanding state management
• Complexity of Managing State
• Intro to redux
• Need for Redux
• Understanding the Redux Flow
• What is an action
• What is store
• Understanding reducer
• Understanding Provider
• Redux In Action
• Setting Up Reducer and Store
• Dispatching Actions
• Connecting React to Redux
• Connecting the Store to React
• Dispatching Actions from within the Component
• Practice - Dispatching Actions
• Passing and Retrieving Data with Action
• Switch-Case in the Reducer
• Updating State and arrays immutably
• Installing Redux and React Redux
• Basic Redux Setup
• Creating Ticketing App using React and Redux
• Deploying react app on server
• Wrap up let's test how much we learnt so far your feedback