Sunday, October 2, 2022
HomeJavaScriptReact Conf 2021 Recap – React Weblog

React Conf 2021 Recap – React Weblog


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:

React 18 and concurrent options

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.

Watch the total keynote from Andrew Clark, Juan Tejada, Lauren Tan, and Rick Hanlon right here:

React 18 for Software Builders

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 createRoot API:


const container = doc.getElementById('root');
ReactDOM.render(<App />, container);


const container = doc.getElementById('root');
const root = ReactDOM.createRoot(container);
root.render(<App/>);

For a demo of upgrading to React 18, see Shruti Kapoor’s discuss right here:

Streaming Server Rendering with Suspense

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:

The primary React working group

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 useId, useSyncExternalStore, and useInsertionEffect.

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:

React with out memo

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:

React docs keynote

Rachel Nabors kicked off a bit of talks about studying and designing with React with a keynote about our funding in React’s new docs:

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 everybody who helped present suggestions on talks together with Andrew Clark, Dan Abramov, Dave McCabe, Eli White, Joe Savona, Lauren Tan, Rachel Nabors, and Tim Yung.

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 Leah Silber for sharing her expertise working conferences, learnings from working RustConf, and for her ebook Occasion Pushed and the recommendation it comprises for working conferences.

Due to Kevin Lewis and Rachel Nabors for sharing their expertise working Girls of React Conf.

Due to Aakansha Doshi, Laurie Barth, Michael Chan, and Shaundai Individual for his or her recommendation and concepts all through planning.

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!



RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments