Brian Vaughn

The React team is excited to share a few updates.

We are excited to announce a new release of the React Developer Tools, available today in Chrome, Firefox, and (Chromium) Edge!

Today we are releasing React 16.9. It contains several new features, bugfixes, and new deprecation warnings to help prepare for a future major release.

React 16.5 adds support for a new DevTools profiler plugin. This plugin uses React’s experimental Profiler API to collect timing information about each component that’s rendered in order to identify performance bottlenecks in React applications. It will be fully compatible with our upcoming time slicing and suspense features.

In this post, we will explain some common anti-patterns with derived state and our preferred alternatives.

In React 16.3.0, we are adding a few new lifecycle methods to assist with that migration. We are also introducing new APIs for long requested features: an official context API, a ref forwarding API, and an ergonomic ref API.

We’d like to share with you some of the lessons we’ve learned while working on these features, and some recipes to help prepare your components for async rendering when it launches.

As we worked on React 16, we revamped the folder structure and much of the build tooling in the React repository.

Brian Vaughn joins us for an update on React Developer Tools. We talk about Fast Refresh for the web, New developer convienciences around codemods, And new React Dev Tools features to help you profile, suspend component trees, and find your way around unfamiliar React apps.

Brian Vaughn is a member of the React Core team and creator of libraries like react-virtualized and react-window. He's a wealth of knowledge in React performance and application profiling. Chantastic asks Brian about the new profiler tools he's been working on (available to React v16.5 apps), React Core team dynamics, and the future of windowing in React and browsers.

The React core team sits down with Michael Jackson to discuss React today and tomorrow. They talk Concurrent Mode, Suspense, Hooks, the new profiler tab, scheduling in the browser, React Fire, React Fusion, becoming more framework-y, appearing less JavaScript-y, and why you shouldn’t worry about the second argument of useEffect.

We are joined by Brian Vaughn. Brian is on Facebook's Core React Team. He also contributes to a lot of open source products in the javascript space.

The react package contains only the functionality necessary to define React components

React components for efficiently rendering large lists and tabular data

React components for efficiently rendering large lists and tabular data.

This was my first time live streaming. I apologize for the tiny font and for not seeing the messages in chat. I will do better next time! Here are some links to make up for it.

Prototype UI built on top of the new React "Profiler" component.

Prototype UI built on top of the new React "Profiler" component.

Walkthrough video of the new built-in themes editor.

Another demo of the work-in-progress theme editor for React devtools.

Sneak peek of new themes editor.

This video walks through the process of creating a custom theme for React dev tools- from GitHub fork to PR submission.