React JS Training

React is a declarative, efficient, and flexible JS library for building Web Apps. React follows a simple component-based approach, which is easy to create smaller components and build large-scale applications.

The main objective is to build high-performance web apps with smaller and reusable stateful components. At TGC, we impart ReactJS course training by Expert trainers with project based approach.

Course Breakdown:

• MODULE 1
• React Introduction?
• What is React?
• Advantages of ReactJS
• Limitations of React
• How does ReactJS work ?
• MODULE 2
• Introduction to JSX
• MODULE 3
• Virtual DOM
• JS vs JSX
• React Components
• Attributes e.g. class, div and id etc
• Child Components and Namespaces components
• Javascript expressions in JSX like attribute, boolean or child expression
• MODULE 4
• View an ReactJS application in Plunker
• Setup Cloud9
• Using npm & package.json file
• Webpack & ES6 Introduction
• Organizing your source code
• React browser plugin
• MODULE 5
• Creating a simple React Application
• Nesting Comps
• React render
• React Props
• Props validation with data types
• States, Initialize states and update states
• MODULE 6
• React UI and Forms
• Form components
• Controlled form components
• Uncontrolled form components
• Checkboxes and Radios
• Select box with default selected value
• Form validation
• Styles
• Animation Introduction
• MODULE 7
• Component Life Cycle
• Initial Render
• Props Change
• Stage Change
• Component Unmount
• MODULE 8
• React Router and Other JS concepts
• React Router configuration
• Router History
• If-else in JSX
• IIFE in JSX for complex logic
• MODULE 9
• Event Handling in JSX
• onClick, onKeyUp and other useful events in React
• Sharing events across the components
• MODULE 10
• React Styles
• CSS and inline styles
• Setting up the react for React bootstrap
• Implementing the react bootstrap components
• MODULE 11
• React Router & Navigation
• Loading the router library
• Router configuration
• Passing and receiving parameters
• React-cookie integration
• MODULE 12
• Flux
• Flux Architecture?
• Flux Components
• Stores
• Dispatchers
• View Controllers
• Actions
• Views
• How Flux works
• Flux and React
• MODULE 13
• Redux
• One Store
• Provider Component
• Actions
• Reducers
• Redux application development
• MODULE 14
• Unit Testing and other testing techniques
• Tools for Unit testing
• React Unit testing
• JEST
• React Component Testing
• React Router Testing