Sign in

React

@react.dev
19K followers 2 following 183 posts

The library for web and native user interfaces

PostsRepliesMedia
React @react.dev · 24/02/2026
The React Foundation has officially launched, hosted by the Linux Foundation. Read more here: react.dev/blog/2026/02...
214416
React @react.dev · 07/10/2025
Introducing the React Foundation
110517
React @react.dev · 06/10/2025
We are excited to announce @infinite.red, Old Mission, @arcjet.com, and @renderatl.com as React Conf silver sponsors this year!
0102
React @react.dev · 06/10/2025
We're excited to announce Gio Laquidara and Eric Fahsl as React Conf speakers! They'll be sharing how to use React and React Native to build for Amazon’s new Vega OS
0110
React @react.dev · 04/10/2025
Check out @dudak.me’s talk on how to craft great UX
060
React @react.dev · 03/10/2025
Check out James Swinton-Bland's talk to learn how to build an MCP Server for a React Component
030
React @react.dev · 03/10/2025
We are thrilled to announce @chantastic.bsky.social as React Conf 2025’s emcee!
0160
React @react.dev · 03/10/2025
Check out @lahteenlahti.com’s talk on how to add monetization to your React Native app
061
React @react.dev · 02/10/2025
Check out Zeno Rocha’s talk on how to make modern emails using React
051
React @react.dev · 01/10/2025
Performance Tracks are a new set of custom tracks in performance profiles that show more info about your React app. They include a Scheduler track that shows the priority of what React is working on, and a Components track to show which component is being worked on. react.dev/reference/de...
Screenshot of react performance tracks
1100
React @react.dev · 29/09/2025
@codey.bsky.social is giving a talk on React Compiler
1121
React @react.dev · 29/09/2025
@chancethedev.bsky.social is giving a talk on React’s new features
110
React @react.dev · 29/09/2025
Ruslan Lesiutin is giving a talk on React DevTools
130
React @react.dev · 29/09/2025
@ricky.fm is giving a talk on React's new features
160
React @react.dev · 29/09/2025
@jackpope.bsky.social will talk about React's new features
110
React @react.dev · 29/09/2025
@no.lol will talk about React Compiler
130
React @react.dev · 29/09/2025
Nicolas Gallagher is giving a talk on React Strict DOM
151
React @react.dev · 29/09/2025
@grabbou.com is giving a talk on how to bring React into your app
120
React @react.dev · 29/09/2025
Alex Hunt @cipolleschi.bsky.social @cortini.co @excbadacc.es @rubennorte.bsky.social will present the React Native Keynote
120
React @react.dev · 26/09/2025
@tannerlinsley.com will be speaking about @tanstack.com
2120
React @react.dev · 26/09/2025
@thymikee.bsky.social will be speaking about Rock
120
React @react.dev · 26/09/2025
@aurorascharff.no and @p4p8.bsky.social will be speaking about @redwoodjs.com
130
React @react.dev · 26/09/2025
@kentcdodds.com will be speaking about @reactrouter.com
1142
React @react.dev · 26/09/2025
@devongovett.bsky.social will be speaking about Parcel
140
React @react.dev · 26/09/2025
@delba.bsky.social will be speaking about @nextjs.org
120
React @react.dev · 26/09/2025
@bacon.bsky.social will be speaking about @expo.dev
130
React @react.dev · 25/09/2025
We're excited to announce React Conf's first AI-related talk: a discussion panel with @vjeux.bsky.social @kentcdodds.com @swyx.io @t3.gg moderated by @leerob.com
2548
React @react.dev · 06/06/2025
We're thrilled to announce that @seth.blue @shrutikapoor08.bsky.social @en-js.bsky.social @zmofei.bsky.social @lydiahallie.com @jherr.dev @lunaleaps.bsky.social will be speaking at React Conf 2025!
React Conf 2025 speakers: Jack Herrington, Joe Savona, Luna Wei, Lydia Hallie, Mofei Zhang, Seth Webster, and Shruti Kapoor
2588
React @react.dev · 23/04/2025
Activity allows you to pre-render parts of the app the user is likely to visit next, or restore state when a user returns to part of the app, so state like input fields isn’t lost:
131
React @react.dev · 23/04/2025
ViewTransitions can also be triggered by useDeferredValue and animate lists:
181
React @react.dev · 23/04/2025
ViewTransition can also be triggered by Suspense, to animate content to replace the fallback:
171
React @react.dev · 23/04/2025
For shared element transitions, you can add a “name”. This will animate an item from one part of the app to another: <ViewTransition name={id}>
1111
React @react.dev · 23/04/2025
You can customize animations with props on ViewTransition: <ViewTransition default=”slow-fade”>
160
React @react.dev · 23/04/2025
Adding <ViewTransition> around part of the app cross-fades the content by default:
160
React @react.dev · 08/04/2025
React Conf is back for 2025! Join our co-hosts, Meta and @callstack.com , October 7-8 in Henderson, Nevada or join the free livestream
https://conf.react.dev
25213
React @react.dev · 17/02/2025
We've also re-titled the new "Building your own React Framework" docs to "Building a React App from Scratch" to clarify that it covers many use cases for deciding to start with a build tool instead of a framework:
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.
1302
React @react.dev · 17/02/2025
Based on feedback, we've added migration guides from Create React App to Vite, Parcel, or Rspack when a framework isn't the right fit for your use case, or you prefer to continue building your own framework:
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.
2214
React @react.dev · 02/11/2024
Garfield meme with Garfield looking at a sign with himself on it with a cancel symbol over it
0140
React @react.dev · 01/11/2024
did you know that you can conditionally exit an effect? this is useful if you want a subscription to only stay active while some condition is true, and to stay removed while that condition is false. a bit mindbending, but so it is with react!
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
1140325