Many people start learning React.js or want to begin learning it, but they often don’t know which topics should be covered. Sometimes, even when they think they already know the basics, they suddenly discover there’s one more important topic in React. To help with this, I’ve compiled a comprehensive list of React.js topics that learners should explore.
Get Krishna bokefod’s stories in your inbox
Join Medium for free to get updates from this writer.
JSX (JavaScript XML)
Components (Functional and Class Components)
Props (Properties)
State
Event Handling
Lifecycle Methods (Class Components)
Hooks (for Functional Components)
useState
useEffect
useContext
useReducer
useRef
useMemo
useCallback
useLayoutEffect
Custom Hooks
Conditional Rendering
Lists and Keys
Forms and Controlled Components
Lifting State Up
Composition vs Inheritance
Context API
Higher-Order Components (HOCs)
Portals
Refs (React.createRef and useRef)
Fragments (<></>)
PropTypes and Type Checking
StrictMode
Error Boundaries
Render Props
React Router (for Routing)
Lazy Loading and Suspense
Code Splitting
Memoization (React.memo)
Reconciliation (Virtual DOM)
Pure Components
Immutable State
Server-Side Rendering (SSR) with Next.js
Static Site Generation (SSG) with Next.js
Client-Side Rendering (CSR)
Redux/Context for State Management
Testing with Jest and React Testing Library
React Profiler API
React DevTools
Concurrent Mode (Experimental)
React Fiber
Suspense for Data Fetching
Profiling and Performance Optimization
Concurrent Rendering
StrictMode
Error Handling in React (Error Boundaries, Fallbacks)
