Aug 15, 2026· 5 min read
What Is React and When Should You Use It?
React is a JavaScript library for building user interfaces from reusable components. Learn what React is, how it works, and when it is the right tool for a project.
React
React
Build modern UIs with React
250 tutorials
12 of 250 tutorials
Aug 15, 2026· 5 min read
How to Create a React App with Vite
Scaffold a new React project with Vite in minutes. Follow the exact command, choose the React template, install dependencies, and start the development server.
React
Aug 15, 2026· 5 min read
React Project Structure for Beginners: Files and Folders
Understand every file and folder in a new Vite React project. Learn what index.html, main.jsx, App.jsx, package.json, and vite.config.js each do.
React
Aug 15, 2026· 5 min read
React vs JavaScript: What Changes When You Use React?
See the same counter built with plain JavaScript and with React. Learn what React changes about how you update the UI and why the difference matters.
React
Aug 15, 2026· 5 min read
How to Stop Event Propagation in React
Stop a React event from bubbling to parent handlers by calling e.stopPropagation() inside the handler. Learn when to use it and what it does not do.
React
Aug 15, 2026· 6 min read
React useReducer Explained with Practical Examples
Learn how the useReducer Hook manages state through a pure reducer function, how to dispatch actions, and when the pattern beats useState.
Reactusereducer
Aug 15, 2026· 6 min read
How to Create a Custom Hook in React
Learn the steps to extract repeated stateful logic into a reusable custom Hook, name it correctly, and call it from any component.
HooksReact
Aug 15, 2026· 6 min read
How to Reuse Stateful Logic Without Reusing State
Understand why custom Hooks share behavior, not values, and how each call to the same Hook keeps its own independent state.
ReactHooks
Aug 15, 2026· 6 min read
Build a useMediaQuery Hook for Responsive React UIs
Build a useMediaQuery Hook that tracks a CSS media query with matchMedia, updates on viewport changes, and drives responsive React layouts.
ReactHooks
Aug 15, 2026· 7 min read
How to Handle Loading, Error, Empty, and Success States
Model loading, error, empty, and success states in React with one status value. Show a clear, accessible message for every request outcome.
ReactData Fetching
Aug 15, 2026· 6 min read
How to Cancel Fetch Requests in React with AbortController
Cancel fetch requests in React with AbortController. Pass a signal to fetch, abort in the Effect cleanup, and tell aborts apart from real errors.
Data FetchingReact
Aug 15, 2026· 7 min read
useQuery Explained: Query Keys, Caching, and Refetching
Learn how useQuery works in TanStack Query. Query keys identify data, the cache reuses results, and refetching keeps stale data fresh.
ReactData Fetching