React JS Syllabus

What is React and why it’s popular

Setting up environment (Node.js, npm, create-react-app / Vite)

Understanding components and JSX

First React app: “Hello World”

Functional vs class components

Props: passing data between components

Default props and prop types

Component composition

useState hook

Updating state and re-rendering

State vs props

Lifting state up

Handling events (onClick, onChange, onSubmit)

Synthetic events in React

Passing event handlers as props

Conditional rendering (if, ternary, logical &&)

Rendering lists with .map()

Keys in lists

Controlled vs uncontrolled components

Handling form inputs

Validation basics

useEffect for side effects

Dependency arrays and cleanup functions

Custom hooks

Other hooks: useRef, useContext, useReducer

React Router basics

Route parameters and navigation

Nested routes

Redirects

Inline styles and CSS modules

Styled-components and Emotion

Tailwind CSS integration

Context API

Redux basics (store, actions, reducers)

Redux Toolkit

Alternatives: Zustand, Jotai

Fetching data with fetch and axios

Handling loading and error states

Displaying API data in components

React memoization (React.memo, useMemo, useCallback)

Lazy loading and code splitting

Virtualization for large lists

Unit testing with Jest

Component testing with React Testing Library

Snapshot testing

End-to-end testing basics (Cypress, Playwright)

Building React apps for production

Hosting options (Netlify, Vercel, GitHub Pages)

Environment variables and configuration

Server-side rendering (Next.js basics)

Static site generation

React Native overview

Future of React (Concurrent Mode, Suspense)