React Fundamentals

Introduction

• What is React and Why use React ?
  • React Reusable Components
  • React Virtual DOM
  • Large Community Support
• Real-world Examples of apps build with React

Setting Up the Development Environment for React with Vite

• Installing Node.js and npm.
• Setting up a React Project.
• Overview of the project folder structure.

Understanding JSX / TSX

• What is JSX, TSX and How It Differs from HTML
• JSX/TSX attributes and how to use them.

Components in React

• Functional Components vs Class Components.
• How to create and export components.
• Importing components and using them inside other components.

Props and State Props in React, State in React

• Introduction to props and how to pass data between components.
• Introduction to state and useState hook.
• Updating and managing state.

Event Handling in React

• How to handle events like clicks, inputs, and form submissions.
• Event binding and passing data with event handlers.

Conditional Rendering in React

• How to conditionally render components using if-else, ternary operators, and && logic.

Lists and Keys in React

• How to render lists in React using .map().
• Importance of keys in list rendering.

React Lifecycle and Hooks

• Introduction to React hooks: useEffect for handling side effects.

Styling in React

• Inline styles vs External CSS vs CSS Modules.
• Introduction to styling libraries like Styled Components or Tailwind CSS.

Deploying a React App

• Preparing the app for production using npm run build.