This module introduces the fundamentals of React, covering how to set up a project, create components, use JSX, manage state and props, and handle user interactions. Learners will gain hands-on experience building a profile card and understanding core React concepts.

This module guides learners through the process of building a Task Manager application using React. It covers component design, state management, event handling, and styling to create a functional and visually appealing task management system.

This module covers the essential React Hooks used to manage state, side effects, and performance in functional components. Learners will explore how to implement hooks like useContext, useReducer, useMemo, useRef, and custom hooks to build more efficient and maintainable React applications.

This module explores the concept of side effects in React and how to manage them effectively. Learners will gain practical skills in using the useEffect hook, managing dependencies, and implementing cleanup functions to improve application performance and avoid common issues.

This module focuses on developing a web application for tracking SpaceX launches, covering component creation, pagination implementation, and website styling. Learners will gain hands-on experience in building and enhancing a React-based application with effective state management and user interface design.

This module introduces the essential concepts of testing in React, including setting up tests with Jest, writing test cases, using matchers for assertions, and organizing tests into suites. Learners will gain hands-on experience in implementing test practices that ensure reliable React applications.

This module introduces learners to Redux and its role in managing global state in React applications. It covers fundamental concepts such as actions, reducers, the store, and the Redux Toolkit, which simplifies state management. Learners will gain practical skills for implementing and optimizing state management in real-world applications.

This module equips learners with essential skills in debugging React applications using developer tools and deploying them to popular platforms like GitHub Pages and Vercel. It covers key steps, requirements, and best practices for effective debugging and deployment in real-world scenarios.

This module guides learners through the development of a Match the Pairs game, covering key aspects of React development such as component structure, styling, game logic, and state management. Learners will gain hands-on experience in building interactive game features and implementing functional controls.

This module guides learners through the process of building a simple painter application using React and HTML canvas. It covers setting up the application structure, implementing drawing functionality, and designing a user-friendly menu component. Learners will gain hands-on experience with state management, styling, and user interaction.

This module teaches how to integrate and use Tailwind CSS with React to build responsive, stylish, and interactive user interfaces. Learners will explore utility classes for spacing, colors, fonts, and layout, as well as how to create reusable components and apply styling to a project. The module includes a hands-on project to practice these skills.

This module provides an introduction to using GraphQL with React, covering key concepts such as API interaction, authentication, client setup, and data retrieval. Learners will gain hands-on experience with the GitHub GraphQL API and Apollo Client to build efficient data-driven applications.

This module explores the foundational aspects of React class components, including their structure, state management, and lifecycle methods. Learners will gain insight into how these components function and how they differ from modern functional components. The content prepares learners to effectively implement and manage class-based React components.

This module guides learners through building a weather dashboard using React class components, integrating APIs, managing state, and implementing user interactions. Learners will gain hands-on experience in structuring UI with JSX, handling events, and styling with Tailwind CSS.

This module explores the fundamentals of React Router, including setting up navigation, using NavLink for route transitions, implementing nested routes, and managing programmatic navigation and URL parameters. Learners will gain practical skills in building dynamic, route-based React applications.

This module guides learners through the process of building a functional online shopping website using React, React Router, and Tailwind CSS. It covers project setup, component creation, and navigation configuration, while emphasizing practical implementation and design techniques.

This module provides a comprehensive overview of building server-rendered React applications using Next.js. Learners will explore project setup, styling, performance optimization, navigation, and deployment strategies. By the end, students will be able to develop and deploy functional Next.js applications with efficient design and performance.

This module guides learners through the process of building a fully functional blog website using Next.js, Supabase, Prisma, and Tailwind CSS. Students will learn to set up a database, integrate APIs, style applications, and deploy their projects to Vercel. By the end, they will have a working blog application with dynamic content and responsive design.