Final week we hosted our sixth React Conf. In earlier years, we’ve used the React Conf stage to ship business altering bulletins corresponding to React Native and React Hooks. This yr, we shared our multi-platform imaginative and prescient for React, beginning with the discharge of React 18 and gradual adoption of concurrent options.
This was the primary time React Conf was hosted on-line, and it was streamed free of charge, translated to eight totally different languages. Individuals from all around the world joined our convention Discord and the replay occasion for accessibility in all timezones. Over 50,000 folks registered, with over 60,000 views of 19 talks, and 5,000 members in Discord throughout each occasions.
All of the talks are out there to stream on-line.
Right here’s a abstract of what was shared on stage:
Within the keynote, we shared our imaginative and prescient for the way forward for React beginning with React 18.
React 18 provides the long-awaited concurrent renderer and updates to Suspense with none main breaking modifications. Apps can improve to React 18 and start progressively adopting concurrent options with the quantity of effort on par with another main launch.
This implies there isn’t a concurrent mode, solely concurrent options.
Within the keynote, we additionally shared our imaginative and prescient for Suspense, Server Parts, new React working teams, and our long-term many-platform imaginative and prescient for React Native.
Within the keynote, we additionally introduced that the React 18 RC is out there to attempt now. Pending additional suggestions, that is the precise model of React that we are going to publish to secure early subsequent yr.
To attempt the React 18 RC, improve your dependencies:
npm set up react@rc react-dom@rc
and swap to the brand new
const container = doc.getElementById('root');
ReactDOM.render(<App />, container);
const container = doc.getElementById('root');
const root = ReactDOM.createRoot(container);
For a demo of upgrading to React 18, see Shruti Kapoor’s discuss right here:
React 18 additionally consists of enhancements to server-side rendering efficiency utilizing Suspense.
Streaming server rendering helps you to generate HTML from React elements on the server, and stream that HTML to your customers. In React 18, you should utilize
Suspense to interrupt down your app into smaller impartial models which might be streamed independently of one another with out blocking the remainder of the app. This implies customers will see your content material sooner and have the ability to begin interacting with it a lot quicker.
For a deep dive, see Shaundai Individual’s discuss right here:
For React 18, we created our first Working Group to collaborate with a panel of consultants, builders, library maintainers, and educators. Collectively we labored to create our gradual adoption technique and refine new APIs corresponding to
For an outline of this work, see Aakansha’ Doshi’s discuss:
To help the brand new options on this launch, we additionally introduced the newly fashioned React DevTools staff and a brand new Timeline Profiler to assist builders debug their React apps.
For extra info and a demo of recent DevTools options, see Brian Vaughn’s discuss:
Trying additional into the long run, Xuan Huang (黄玄) shared an replace from our React Labs analysis into an auto-memoizing compiler. Try this discuss for extra info and a demo of the compiler prototype:
We additionally heard talks on studying and designing with React:
Talks from the Relay, React Native, and PyTorch groups:
And talks from the group on accessibility, tooling, and Server Parts:
This was our first yr planning a convention ourselves, and we’ve got lots of people to thank.
First, due to all of our audio system Aakansha Doshi, Andrew Clark, Brian Vaughn, Daishi Kato, Debbie O’Brien, Delba de Oliveira, Diego Haz, Eric Rozell, Helen Lin, Juan Tejada, Lauren Tan, Linton Ye, Lyle Troxell, Rachel Nabors, Rick Hanlon, Robert Balicki, Roman Rädle, Sarah Rainsberger, Shaundai Individual, Shruti Kapoor, Steven Moyes, Tafu Nakazaki, and Xuan Huang (黄玄).
Due to Lauren Tan for organising the convention Discord and serving as our Discord admin.
Due to Seth Webster for suggestions on total course and ensuring we have been centered on range and inclusion.
Due to Rachel Nabors for spearheading our moderation effort, and Aisha Blake for creating our moderation information, main our moderation staff, coaching the translators and moderators, and serving to to reasonable each occasions.
Due to our moderators Jesslyn Tannady, Suzie Grange, Becca Bailey, Luna Wei, Joe Previte, Nicola Corti, Gijs Weterings, Claudio Procida, Julia Neumann, Mengdi Chen, Jean Zhang, Ricky Li, and Xuan Huang (黄玄).
Due to Manjula Dube, Sahil Mhapsekar, and Vihang Patel from React India, and Jasmine Xie, QiChang Li, and YanLun Li from React China for serving to reasonable our replay occasion and preserve it participating for the group.
Due to Vercel for publishing their Digital Occasion Starter Package, which the convention web site was constructed on, and to Lee Robinson and Delba de Oliveira for sharing their expertise working Subsequent.js Conf.
Due to Dan Lebowitz for assist designing and constructing the convention web site and tickets.
Due to Laura Podolak Waddell, Desmond Osei-Acheampong, Mark Rossi, Josh Toberman and others on the Fb Video Productions staff for recording the movies for the Keynote and Meta worker talks.
Due to our accomplice HitPlay for serving to to prepare the convention, modifying all of the movies within the stream, translating all of the talks, and moderating the Discord in a number of languages.
Lastly, due to all of our members for making this an awesome React Conf!