React Js Course In Coimbatore

Module 1: Introduction To React.js

• What Is React.js? Why React?
• Key Features Of React
• React Vs. Traditional Javascript Frameworks
• Setting Up React Development Environment
• Introduction To React Cli (Create React App)
• Folder Structure Of A React Project

Module 2: Jsx (Javascript Xml)

• What Is Jsx? Why Use Jsx?
• Jsx Syntax And Expressions
• Embedding Javascript In Jsx
• Jsx Attributes
• Fragment In React
• Jsx Vs. Html

Module 3: Components In React

• Functional Components
• Class Components (Introduction)
• Props In React
• State In React
• Lifecycle Methods (Class Components) [optional]
• Event Handling In React

Module 4: React Hooks

• What Are Hooks?
• Usestate Hook (State Management)
• Useeffect Hook (Side Effects & Lifecycle In Functional Components)
• Usecontext Hook (Context Api)
• Useref Hook
• Usereducer Hook
• Custom Hooks

Module 5: Working With Forms

• Controlled Vs. Uncontrolled Components
• Handling Forms And Form Inputs
• Form Validation
• Handling Form Submission

Module 6: Conditional Rendering

• Conditional Rendering Using If-else, Ternary Operator, Logical && Operator
• Rendering Based On Conditions

Module 7: Lists And Keys

• Rendering Lists In React
• Using The “Key” Attribute
• Mapping Data To Components

Module 8: React Router (Navigation)

• Introduction To React Router
• Setting Up React Router
• Browserrouter, Routes, And Route Components
• Link And Navlink Components
• Nested Routes
• Redirects And Navigation Programmatically

Module 9: State Management

• Local State Management (Usestate)
• Global State With Context Api
• Introduction To Redux (Optional – For Larger Applications)
• Redux Toolkit (Modern Redux)

Module 10: Api Integration (Http Requests)

• Fetch Api Vs. Axios
• Making Get And Post Requests
• Handling Errors And Loading States
• Displaying Data From Api In React Component

Module 11: React Styling

• Inline Styles
• Css Stylesheets
• Css Modules
• Styled Components (Optional)