React / Namaste React

React notes from the public NamasteReact course repository, covering foundations, routing, hooks, data flow, styling, optimization, and testing basics.

Study order: React element → JSX → Components → Props → State → Hooks → Data fetching → Routing → State sharing → Optimization

• React Inception — Set up React from first principles with plain HTML, DOM APIs, CDN scripts, React elements, and roots.
• Igniting a React App — Bundlers, package managers, Parcel, npm scripts, dependencies, browserslist, and production builds.
• Laying the Foundation — Babel, JSX, React elements, components, composition, and the early structure of a React app.
• Talk Is Cheap, Show Me the Code — Planning and building a food ordering app with components, props, config-driven UI, and project structure.
• Let’s Get Hooked — ES modules, React hooks, useState, state-driven rendering, reconciliation, and React Fiber basics.
• Exploring the World — Fetching data, service architectures, useEffect, shimmer UI, conditional rendering, and search filtering.
• Finding the Path — Client-side routing with react-router-dom, nested routes, outlets, dynamic routes, and error pages.
• Data Is the New Oil — Data layer thinking, context, prop drilling, lifting state, controlled components, and React data flow.
• Let’s Get Classy — Class components, props, state, lifecycle methods, async effects, and cleanup.
• Optimizing a React App — Custom hooks, modularity, single responsibility, lazy loading, Suspense, and code splitting.
• Styling React with Tailwind — CSS approaches in React, CSS frameworks, Tailwind setup, utility classes, and pros and cons.
• Component Composition Exercise — Break a UI into reusable components with props and lists.
• Hooks and Data Fetching Exercise — Build loading, error, empty, and success states around API data.
• Routing and State Exercise — Build nested routes, detail pages, and shared app state.