React

@react.dev

18585 Followers 2 Following

The library for web and native user interfaces

Screenshot of react performance tracks
React Conf 2025 speakers: Jack Herrington, Joe Savona, Luna Wei, Lydia Hallie, Mofei Zhang, Seth Webster, and Shruti Kapoor
An app with a list of colorful video items. The user uses the search field to search for "fi" which animates the items from 6 to 2. Then the user click the first item, which animates open. When they click "back" the previous list view is still filtered by "fi" and the user can click the second open. It animates open, then the user clicks "back" again and clears the input field.
An app with a list of colorful video items, when the user starts typing in the search bar, the items animate smoothly to the new filtered items. Firs the user types 'f' and 2 items are show, then 'fi' and two item, then 'fif' and only one item.
An app with a full screen videos detail page, with a thumbnail on top and a fallback glimmer for the video title and description below. The fallback cross fades to the content after a few seconds.
An app with a list of colorful video items, when the first item is clicked, it animates the thumbnail to a full page view of the video page. The user clicks the first item, second item, and third item in order.
An app with a list of colorful video items, when the first item is clicked, it cross-fades slowly to a full page view of the video page. The user clicks the first item, second item, and third item in order.
An app with a list of colorful video items, when the first item is clicked, it cross-fades to a full page view of the video page. The user clicks the first item, second item, and third item in order.
https://conf.react.dev
Screenshot from docs with text: Build a React app from Scratch If your app has constraints not well-served by existing frameworks, you prefer to build your own framework, or you just want to learn the basics of a React app, you can build a React app from scratch. Deep Dive: Consider using a framework Step 1: Install a build tool The first step is to install a build tool like vite, parcel, or rsbuild. These build tools provide features to package and run source code, provide a development server for local development and a build command to deploy your app to a production server.
Screenshot from blog post with text: How to Migrate to a Build Tool If your app has unusual constraints, or you prefer to solve these problems by building your own framework, or you just want to learn how react works from scratch, you can roll your own custom setup with React using Vite, Parcel or Rsbuild. For existing apps, these guides will help you migrate to a build tool: - Vite Create React App migration guide (link) - Parcel Create React App migration guide (link) - Rsbuild Create React App migration guide (link) To help get started with Vite, Parcel or Rsbuild, we’ve added new docs for Building a React App from Scratch.
Garfield meme with Garfield looking at a sign with himself on it with a cancel symbol over it
a code block: React.useEffect(() => { if (!isActive) { return } textInputWebEmitter.addListener('emoji-inserted', onEmojiInserted) return () => { textInputWebEmitter.removeListener('emoji-inserted', onEmojiInserted) } }, [onEmojiInserted, isActive]) the if (!isActive) condition is highlighted as newly added code