React Conf is back for 2024! Join our co-hosts
@Meta
and
@callstackio
May 15-16 in Henderson, Nevada or join the free livestream.
Sign up here for updates:
Today, we’re thrilled to launch , the new home for React and its documentation. It teaches modern React with function components and Hooks, and we’ve included diagrams, illustrations, challenges, and over 600 interactive examples. Check it out!
We’ve just released React 16.8 with a stable version of Hooks. React Hooks let you use features like local state and lifecycle without writing a class. They’re fully backwards-compatible and you can start using them today.
As 2020 comes to an end we wanted to share a special Holiday Update on our research into zero-bundle-size React Server Components. The demo is available now whether you want to play with it during the holiday, or when work picks back up in the new year.
Our next major release is React 18. It will include out-of-the-box improvements like automatic batching, new APIs like startTransition, and a new streaming server renderer with built-in support for React.lazy.
React 16.6 is hot off the presses! 😱
– React.memo (like PureComponent but for function components)
– React.lazy (code splitting powered by Suspense)
– .contextType in class components
We just published the first beta for React 19! This beta release is for collecting feedback and preparing libraries for the next major version of React.
To see what's included, check out the release post:
render() {
return (
<>
<h1>React v16.2 has been released!</h1>
<h2>Introduces a new syntax for fragments!</h2>
Thanks to all our collaborators!
</>
);
}
Server Actions are now in React Canary, ready for frameworks and libraries to adopt! Server Actions are functions created alongside your components that run on the server for tasks like data mutations
Today, we’re publishing React 17 with no new features. This release will make it easier for the community to upgrade React in the future. Learn more in our blog post!
Today we’re releasing a brand new version of React DevTools, rewritten from scratch for new features and better performance. Read all about it in the new blog post by
@brian_d_vaughn
!
⚛️🛠 After ~6 months of working on new React DevTools, I uploaded it to Chrome and Firefox today.
I'd like to thank everyone who went along for the beta testing ride and provided helpful feedback and bug reports. You can uninstall the prerelease now!
We're working on a large-scale rearchitecture of React Native to make the framework more flexible and integrate better with native infrastructure in hybrid JavaScript/native apps.
React 16.9 is now available! It contains several new features, bugfixes, and new deprecation warnings to help prepare for a future major release.
Learn all about it on our blog:
The React Documentary premieres in about 3 hours. This is the origin story of React. Join us for a trip down the memory lane to when React was not the global community it is today, but only a fragile, strange, fascinating idea that almost didn’t happen.
Although React 17 doesn’t contain new features, it will provide support for a new version of the JSX transform. This post by
@lunaruan
explains how you can try it.
Spoiler alert: it lets you use JSX without importing React!
We’re excited to announce React Labs! React Labs is a new video series of technical deep dives to share our ongoing research with the members of the React community. (This is not an April Fools’ joke 🙂)
Thanks to the incredible efforts of the React 18 Working Group, we're upgrading the stability of the React 18 release from Alpha to Beta!
Here's what this means for you.
Our next major version, React 18, is available as a Release Candidate. If you’d like to help us prepare for the stable release, follow this upgrade guide and let us know if you find any issues!
We wrote a roadmap for the next React 16.x releases! You might have heard about "Hooks", "Suspense", and "Concurrent Mode" from our talks. This post clarifies how they relate to each other and when they'll be ready to use.
Today, we're excited to share the first early community preview of Concurrent Mode. It offers new composable primitives to help you orchestrate delightful user experiences.
Two weeks ago, we published an early preview of the new React Docs Beta at . If you’re learning React, check it out and let us know what you think! It’s still a work in progress and unfinished, but there are several reasons we are excited about it.
⚛️ A new version of React is right around the corner! You can help us test it by updating your package.json to the release candidate:
"react": "16.9.0-rc.0",
"react-dom": "16.9.0-rc.0"
If you run into any issues, let us know and we'll fix them before the final release. Thanks!
New feature coming to React DevTools soon! It lets you simulate an error anywhere in your component tree and check how your UI handles errors. If it doesn’t handle them gracefully, you can add an Error Boundary to fix it!
New on the React Blog: what we’ve been working on, including updates on React Compiler, new React Canary features, and the next major version of React.
We are excited to announce the official React Developer Tooling team! ⚛️🥳
This team (
@brian_d_vaughn
,
@_jstejada
,
@lunaruan
, and Jason Bonta) will own crucial parts of the React development experience including React DevTools and profiling UIs.
The React team has been working on a compiler that enables fine-grained reactivity by default for React apps.
Last month,
@en_JS
and
@zmofei
presented an update on the project and the next steps. Watch their talk here:
Happy holidays!
We're happy to share a new blog post dedicated to the improvements we made to our build and test infrastructure while working on React 16. We hope it will inspire you to try some of these ideas in your own projects!
Registration for React Conf 2021 is now open!
React Conf will be hosted online for free December 8th 2021 at 10am PST. If you can’t make that time, we’re also hosting a replay event at 10:30pm PST!
React 18 is almost ready to ship. The React 18 Working Group community feedback has led to many improvements over the last year. We don’t expect big changes now but we’d like to ask for one final round of broad public community feedback before the release.
React DevTools 4.14 has just been released with a highly anticipated feature that displays hook names for inspected components. Try it out and share your feedback with us! We hope it's helpful!
⚛️🛠 Special thanks to everyone who contributed to today's DevTools release, which includes the much anticipated named hooks feature as well as a sweet new error boundary toggle 🥳
❤️
@saphalinsaan
,
@vibhor_gupta98
,
@gbaopham
, and
@motiz88
Read more here
Is React Translated Yet? 🎉 ¡Sí! Sim! はい!🎉
Thanks to the dedicated efforts of React community members from around the world, React is now being translated into over 30 languages. 🌎🌍🌏
Learn more in our new blog post by
@tesseralis
:
We're thrilled to share that Dan Abramov (
@dan_abramov2
) will be a speaker at this year's React Conf and will be participating in the React team Q&A panel!
In case you missed it, we published React 17 Release Candidate. We’d appreciate if you could give it a try:
npm install react
@17
.0.0-rc.0
npm install react-dom
@17
.0.0-rc.0
Please try it *before* it becomes a stable release so we can fix the bugs early!
The React 18 TypeScript typings are out! As with most major releases, they include breaking changes to the types themselves. You can learn more about them here:
A few weeks ago, we posted about the new JSX transform. It will be supported by React 17 — and we've just added support to React 16.14.0, 15.7.0, and 0.14.10 for folks on the older major versions. Please check out the updated post if you'd like to try it!
In React Labs posts, we write about projects in active research and development. Since our last update, we’ve made significant progress on our long-term projects, and we’d like to share what we’ve learned.
React Conf 2021 is less than 24 hours away!
Check out the schedule and register here to join the Discord server early, read our Code of Conduct, set up your profile, and get ready to kick off at 10am PST.
Curious about the features in the recently announced React 18 Alpha but don’t feel like reading a blog post? Check out this animated video summary from
@eveningkid
:
Would you like to help test new React features *before* they are released?
To share upcoming changes with our partners in the React ecosystem, we’re establishing official prerelease channels.
The React 18 Working Group is hosting a Twitter space tomorrow.
Join us as we discuss the plan for React 18, upcoming new features, and our efforts to prepare library maintainers for concurrent rendering.
If your app doesn’t work after upgrading to React 18, the first thing to check is whether it’s wrapped in <StrictMode>. Strict Mode has gotten stricter in 18, but you can turn it off and address issues at your own pace later!
✨ More upgrading tips:
At React Conf 2019 we announced an experimental release of React that supports Concurrent Mode and Suspense. Check out our new React blog post for more about the best practices we've identified for using these features:
We're offering the React community an option to adopt individual new features as soon as their design is close to final, before they're released in a stable version--similar to how Meta has long used bleeding-edge versions of React internally:
We’re excited to share that React Compiler is no longer a research project: the compiler now powers instagram web in production and we’re working to ship the compiler across additional surfaces at Meta and prepare the first open source release.
We’re aware of the reports that our website isn’t fully loading in Europe and some features don’t work. We’re working with our hosting provider to resolve the issues but it might take some more time. We apologize for the inconvenience.