By the end of this training, participants will be able to :

• Understand React's Core Concepts. Demonstrate a solid understanding of React fundamentals is including JSX, components, props and state.
• Build Modular and Reusable Components. Develop functional, maintanable and reusable UI components using best practices.
• Manage State and Side Effects. Effectively manage local and shared state using hooks such as useState, useEffect and useContext.
• Handle Forms and User Input. Build and validate forms using controlled components and manage user interactions efficiently. 
• Implement Client-Side Routing. Use React Router to create multi-pages Single Page Applications (SPAs) with dynamic routes and navigation.
• Fetch and Display Data from APIs. Integrate external APIs using asynchronous data fetching patterns and manage loading/error states.
• Create Custom Hooks. Refactor business logic into reusable custom hooks to promote cleaner and more modular code.
• Optimize Performance. Apply basic performance optimization technique using React, memo, useMemo and useCallback.
• Write and Run Tests. Understand the basics of testing React components and hooks using React Testing Library and Jest.
• Deploy React Applications. Build and deploy a production-ready React application to platforms such as Netlify, Vercal or GitHub Pages.
• Build and Present a Complete Application. Collaboratively design, implement and present a full-featured React application that demonstrates real-world use of learned skills.

Day 1

Core Concepts and Component Basics

• Introduction to React & Project Setup
• JSX & Functional Components
• Hands-On Lab : UI Components

Day 2

State, Effects and Component Communication

• Side Effects and Lifecycle
• Forms and User Input
• Lifting State and Using Context
• Hands-On Lab: Stateful UI

Day 3

Routing, Data Fetching and Custom Hooks

• Routing with React Router
• Data Fetching and API Integration
• Creating Custom Hooks
• Hand-On Lab: API-Driven App

Day 4

Advanced Features and Final Project

• Performance Optimization
• Code Splitting and Error Handling
• Testing and Deployment
• Final Project and Wrap-Up