• 🚀 React Introduction
  • 🔏 React Structure
  • 🔏 React Components
  • 🔏 React props
  • 🔏 React Styling & UI
  • 🚀 React Router
  • 🔏 React Events
  • 🚀 React useState
  • 🔏 React useEffect
  • 🔏 React API Integration
  • 🔏 React useContext
  • 🔏 React useRef
  • 🔏 React Storage
  • 🔏 React useMemo
  • 🔏 React useReducer
  • 🔓 React Redux
  • 🔏 React Authentication
  • 🔏 React Testing
  • 🔏 React Build & Deploy

React Master Guide

A JavaScript Component-based UI library for building user interfaces. it fallows Declarative Approach. React uses a virtual representation of the DOM, which is more efficient than directly manipulating the actual DOM.

Prerequisites (Before React)

Tools to Set Up a React App

  • Node becouse React uses NPM
  • Vite A Build Tool for the Web
  • Command Prompt or Terminal
  • Code Editor (VS Code)

How To Setup React App

A tool that sets up everything automatically like Webpack, Babel, Development server, Production build.

npx create-react-app my-app

vite (Next Generation Frontend Tooling) for react

npm create vite@latest my-app

When to Use React.js

  • You want maximum flexibility and control over your project.
  • You are building a highly interactive single-page application (SPA).
  • You are comfortable setting up your own routing, state management, and other tools.