Section outline

• Select section Day 1 (7 Hours)

  Day 1 (7 Hours)

  Collapse all Expand all

  • Introduction to React and Modern Frontend Development

    • Role of React in web development.
    • Overview of SPAs and React’s component-based architecture.

  • Setting up the Development Environment

    • Install Node.js, npm, and create-react-app.
    • Create a React project with TypeScript.

  • React Components

    • Function vs. class components.
    • Writing reusable components.
    • Managing props and state.

  • JSX Basics

    • Embedding JavaScript in JSX.
    • Conditional rendering and rendering lists.

  • State Management and Events

    • Using useState.
    • Handling user inputs and events.
• Select section Day 2 (7 Hours)

  Day 2 (7 Hours)

  • React Hooks

    • Introduction to Hooks: useState, useEffect, useRef.
    • Managing side effects and component lifecycle.

  • React Router

    • Client-side routing and dynamic routes.
    • Navigation between views with React Router.

  • Forms in React

    • Controlled and uncontrolled components.
    • Form state management and validation.

  • HTTP Requests in React

    • Overview of HTTP and AJAX.
    • Managing server communication in React.
• Select section Day 3 (7 Hours)

  Day 3 (7 Hours)

  • Debugging and Error Handling

    • Using React Developer Tools.
    • Error Boundaries and handling UI errors.
    • Debugging in Visual Studio Code.

  • API Integration with Axios

    • Performing CRUD operations.
    • Using Axios interceptors and handling errors.

  • Capstone Project

    • Build a data-driven SPA.
    • Apply learned concepts: components, state, routing, forms, and error handling.