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.
Build modern UIs with React
Scaffold a new React project with Vite in minutes. Follow the exact command, choose the React template, install dependencies, and start the development server.
Learn how React's Virtual DOM and reconciliation work. Understand render, diffing, and commit, and why React only updates the DOM nodes that actually changed.
Install Node.js for React on Windows, macOS, and Linux. Choose the LTS version, verify the install, and use nvm to manage Node versions.
Build your first React component, a counter, from scratch. Learn how useState and onClick work together to keep the screen in sync with a number.
Add React to an existing website without rewriting it. Install React, create a root, and render components inside your current HTML.
TypeScript adds a type system to React. Learn how to create a typed React project and type props, state, and event handlers.
useEffect synchronizes a React component with systems outside React, like timers, network requests, or the browser DOM. Learn when to use it and when to skip it.
Use useRef to reach a DOM node, then read its size and position with getBoundingClientRect or track changes with ResizeObserver.
Learn the steps to extract repeated stateful logic into a reusable custom Hook, name it correctly, and call it from any component.
Understand why custom Hooks share behavior, not values, and how each call to the same Hook keeps its own independent state.
Model loading, error, empty, and success states in React with one status value. Show a clear, accessible message for every request outcome.
Cancel fetch requests in React with AbortController. Pass a signal to fetch, abort in the Effect cleanup, and tell aborts apart from real errors.