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.
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.
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.
JSX is the syntax extension React uses to describe UI inside JavaScript. Learn its core rules and see how JSX elements become what you see on screen.
JSX looks like HTML but follows stricter rules. See every important difference between the two syntaxes and avoid the most common conversion mistakes.
A React component can only return one value, because JSX compiles to JavaScript objects. Learn why, and how fragments lift the limit.
React gives you props, context, and external stores for sharing data. Learn when to use each approach to move values between components.
Type React props with an interface or type alias. Learn inline types, optional props, and union types for TypeScript components.
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.