Skip to content

React Contributor Days

🔗React Contributor Days

React Contributor Days was a chance for core React maintainers and contributors to come together and talk about the future of React. From discussions on the future of React with React 18 to discussing core web vitals, this was a chance for experts in the React community to come together, and have an open discussion about the state of the framework.

🔗Panelists and Hosts

Here were the panelists who joined us for React Contributor Days:

Hosting the Event:

🔗The React Working Group

The React Working Group was one of the biggest takeaways from React Contributor Days. This discussion was born out of an attempt to be as open and inclusive to the ideas and needs of the React community regarding React 18.

In the React Working Group, there are brilliant discussions for developers to contribute to:

One thing stressed during contributor days was the importance of including as many voices in the working group as possible. A specific effort was made NOT to include some of the more well-known names in React to ensure the voices of others have a chance to be heard. Click on the link, and check out the React Working Group right now!

🔗How to upgrade to React 18 on the Client

Here is the post in the Working Group which talks about upgrading to React v18. Since it's pretty quick, I want to include a few of their code snippets here as an additional reference.

There are 2 main steps to upgrading to v18:

  • Install the latest React 18 release
  • Switch to the new root API

Use the following command to install React 18.

npm install react@alpha react-dom@alpha

To use the new root API, find the line of code that renders the application component to the DOM. It should look similar to this:

ReactDOM.render(<App />, container);

Replace that with this:

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

Check out the discussion for more details!

🔗Core Web Vitals

Shaundai Person set off the discussion by asking the question, "What are Core Web Vitals, and how does it relate to web performance?"

Kristofer Baxter responds, "Core Web Vitals are a set of metrics that were created to try and find a common way to define page experience type metrics across the web."

The most common theme among the questions was user experience, and the idea that we develop on machines much more powerful than the average user device.

Here were some quotes from a few panelists when they were asked about performance:

On the subject of testing web performance:

"Slow everything down" -- Lenz Weber

On the subject of where a developer can start with web performance:

"The generic advice is to start simple. Load your document with emulated slow settings in your local environment. Those emulated slow settings allow you to see things that you normally wouldn't see because your hardware is so powerful. See what your user sees on a lower-end device." "See what users see, and your metrics will follow." -- Kristofer Baxter

Kristofer went on into more detail on where a developer can start with tackling web vitals. Check out the rest of his details here.

🔗Conclusion

React Contributor Days allowed maintainers and developers to come together and drive discussion around the growth of React. If you still haven't had the chance to listen to the whole thing, it's jam-packed with more information and advice, suitable for every React dev.

Take some time to watch their talk, and visit the React Working Group to stay up-to-date on all things React 18!

You might also like

Javascript

Getting Started with RxJS

Javascript

Testing Web Components with Cypress and TypeScript

Javascript

Web Components Integration using LitElement and TypeScript

Javascript

Navigation Lifecycle using Vaadin Router, LitElement and TypeScript