Course outline

Basic of react

• Introduction to React.js
• React components and their lifecycle
• JSX syntax and its benefits
• React hooks and their usage
• React js: Exploring Array and Object Iteration
• React js: Click Event Handler
• React.js: Conditional Rendering
• React js: Props
• React js: Introduction to API calling
• React js: API calling - GET method
• React js: API calling - POST method
• React js: API calling - PUT method
• React js: API calling - DELETE method
• Event handling with form data in React js

Getting Started

• React Environment Setup
• Create a new React project
• React Project Structure
• UI Components and Styling
• Introduction to UI Components in React js
• Building Reusable UI Components in React
• Placing Custom Reusable Components on the Main View
• React fragments
• Styling in React js
• Integration of CSS frameworks with React js
• Theming and customizing UI components

State Management

• Introduction to State management in React js
• Props vs State
• State management using useReducer hook
• Context API
• Redux
• MobX
• Redux Toolkit
• Choosing the Right State Management Solution for Your React Project

Routing and Navigation

• Introduction to React Routing
• Basic Routing
• Nested Route
• Route Parameters
• Query Parameters
• Navigating between routes