📹 Add
React now properly sets the
https://github.com/facebook/react/pull/15334
disablePictureInPicture Attribute SupportReact now properly sets the
disablePictureInPicture attribute for <video> elements thanks to a contribution from Radu-Sebastian Amarie (eek).https://github.com/facebook/react/pull/15334
🖼 React Native: View Inside Text
After being supported in both iOS and Android, React Core now also supports nesting Views inside Text. Thank you, Adam Comella (rigdern).
https://github.com/facebook/react/pull/15464
After being supported in both iOS and Android, React Core now also supports nesting Views inside Text. Thank you, Adam Comella (rigdern).
https://github.com/facebook/react/pull/15464
🏗 Stop Tracking Bundle Sizes in Repo
A snapshot of the latest bundle sizes will not automatically be stored during the CI run. This makes sure that sizebot compares against the correct sizes.
https://github.com/facebook/react/pull/15404
A snapshot of the latest bundle sizes will not automatically be stored during the CI run. This makes sure that sizebot compares against the correct sizes.
https://github.com/facebook/react/pull/15404
⏳ Measure Callback Timeout Relative to Current Time
This PR fixes an issue with the new ReactFiberScheduler by measuring the callback timeout relative to the current time.
https://github.com/facebook/react/pull/15479
This PR fixes an issue with the new ReactFiberScheduler by measuring the callback timeout relative to the current time.
https://github.com/facebook/react/pull/15479
🎉 DevTools Beta: Component Filters
The experimental rewrite of the React DevTools now comes with an option to filter components based on their name, type, or location.
Pressing the filter button in the new DevTools shows you options to filter components by name, type, and location.
https://twitter.com/brian_d_vaughn/status/1123765242767597576
The experimental rewrite of the React DevTools now comes with an option to filter components based on their name, type, or location.
Pressing the filter button in the new DevTools shows you options to filter components by name, type, and location.
https://twitter.com/brian_d_vaughn/status/1123765242767597576
🎇 React Flare:
Adds the new
https://github.com/facebook/react/pull/15516
onFocusVisibleChangeAdds the new
onFocusVisibleChange API to the Focus element. This event will only dispatch if the focus was triggered by a keyboard.https://github.com/facebook/react/pull/15516
⏱ Scheduler: Forcing Low Framerate
A new Scheduler API allows forcing of lower frame rates. This is useful especially on lower spec devices that may not run enough tasks within the default frame budget.
https://github.com/facebook/react/pull/14826
A new Scheduler API allows forcing of lower frame rates. This is useful especially on lower spec devices that may not run enough tasks within the default frame budget.
https://github.com/facebook/react/pull/14826
🎇 React Flare Updates
In addition to the
https://github.com/facebook/react/pull/15526
https://github.com/facebook/react/pull/15546
https://github.com/facebook/react/pull/15514
In addition to the
onFocusVisibleChange API, all experimental event API listeners now use the capture phase, isTargetDirectlyWithinEventComponent was removed, and bugs were fixed.https://github.com/facebook/react/pull/15526
https://github.com/facebook/react/pull/15546
https://github.com/facebook/react/pull/15514
📘 Building the New Facebook.com
At F8 this week, the new Facebook.com was revealed. This talk takes a deep dive into the new UI architecture and explains how the latest React features are used to build a high quality user experience.
https://developers.facebook.com/videos/2019/building-the-new-facebookcom-with-react-graphql-and-relay
At F8 this week, the new Facebook.com was revealed. This talk takes a deep dive into the new UI architecture and explains how the latest React features are used to build a high quality user experience.
https://developers.facebook.com/videos/2019/building-the-new-facebookcom-with-react-graphql-and-relay
Meta for Developers
Meta for Developers - Building the New facebook.com with React, GraphQL and Relay
Open source projects like React, GraphQL and Relay are powering more and more Facebook services. In this session, we'll discuss how we use the latest...
🕳 Add Suspense Boundary Context and
The new suspense boundary context will be used to implement longer suspense in case it is undesirable to show a certain fallback state.
The first usage of this is the
https://github.com/facebook/react/pull/15578
unstable_avoidThisFallbackThe new suspense boundary context will be used to implement longer suspense in case it is undesirable to show a certain fallback state.
The first usage of this is the
unstable_avoidThisFallback property that can be used to avoid fall back to the outer most suspense boundary.https://github.com/facebook/react/pull/15578
🛠 Experimental DevTools: Add Suspense Toggle to All Elements
You can now toggle suspense on every element in the experimental DevTools. If the component is not in a suspense boundary, it will also show a warning.
https://twitter.com/brian_d_vaughn/status/1126182658864599040
You can now toggle suspense on every element in the experimental DevTools. If the component is not in a suspense boundary, it will also show a warning.
https://twitter.com/brian_d_vaughn/status/1126182658864599040
⚠️ Warn When Suspending at Wrong Priority
This change adds a warning when components suspend during a user-blocking update. The warning recommends to schedule suspending updates via
https://github.com/facebook/react/pull/15492
This change adds a warning when components suspend during a user-blocking update. The warning recommends to schedule suspending updates via
Scheduler.next instead.https://github.com/facebook/react/pull/15492
🎇 React Flare Updates
Continuing the work of the past few weeks, the team worked on adding React.unstable_createEventComponent, more press event properties, server-side hit slop rendering, and a lot of other bug fixes.
https://github.com/facebook/react/issues/15257
Continuing the work of the past few weeks, the team worked on adding React.unstable_createEventComponent, more press event properties, server-side hit slop rendering, and a lot of other bug fixes.
https://github.com/facebook/react/issues/15257
🎽 Fix Interaction Tracing for Batched Update Mounts
This PR fixes an issue with interaction tracking that occurred when a root was mounting inside a batched update.
https://github.com/facebook/react/pull/15567
This PR fixes an issue with interaction tracking that occurred when a root was mounting inside a batched update.
https://github.com/facebook/react/pull/15567
🔋 Batched Mode and
Batched Mode is a new unstable React mode that ensures that updates are always batched while still doing all rendering without interruption. It can be opted in with the new ReactDOM.unstable_createSyncRoot API.
https://github.com/facebook/react/pull/15502
ReactDOM.unstable_createSyncRootBatched Mode is a new unstable React mode that ensures that updates are always batched while still doing all rendering without interruption. It can be opted in with the new ReactDOM.unstable_createSyncRoot API.
https://github.com/facebook/react/pull/15502
🌀 Add
The new
https://github.com/facebook/react/pull/15593
withSuspenseConfig APIThe new
unstable_withSuspenseConfig() API can be used to schedule updates with a different suspense config. This can be used to implement busy spinners.https://github.com/facebook/react/pull/15593
👋 Remove
Partial opt-in into Concurrent Mode creates edge cases that are not trivial to support. Instead, the recommended approach is to opt in the entire root.
https://github.com/facebook/react/pull/15532
<React.unstable_ConcurrentMode />Partial opt-in into Concurrent Mode creates edge cases that are not trivial to support. Instead, the recommended approach is to opt in the entire root.
https://github.com/facebook/react/pull/15532
🧪 Flush the Scheduler Manually inside
With this PR, the
https://github.com/facebook/react/pull/15591
act()With this PR, the
act() test helper is now manually flushing the Scheduler using Scheduler.unstable_flushWithoutYielding internally.https://github.com/facebook/react/pull/15591
🕹 Fix Serial Passive Effects
This change makes sure that passive effects are flushed before discrete event handlers are called.
https://github.com/facebook/react/pull/15650
This change makes sure that passive effects are flushed before discrete event handlers are called.
https://github.com/facebook/react/pull/15650
⏲ Remove Scheduler from React Package Dependencies
The isomorphic
https://github.com/facebook/react/pull/15616
The isomorphic
react package no longer depends directly on the scheduler. Now, only the individual renderers (e.g. react-dom) do.https://github.com/facebook/react/pull/15616