Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore(deps): update react monorepo #11

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

renovate[bot]
Copy link

@renovate renovate bot commented Oct 14, 2020

Mend Renovate

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@types/react (source) 16.9.46 -> 16.14.46 age adoption passing confidence
@types/react-dom (source) 16.9.8 -> 16.9.19 age adoption passing confidence
react (source) 16.13.1 -> 16.14.0 age adoption passing confidence
react-devtools 4.8.2 -> 4.28.0 age adoption passing confidence
react-dom (source) 16.13.1 -> 16.14.0 age adoption passing confidence

Release Notes

facebook/react (react)

v16.14.0

Compare Source

React
facebook/react (react-devtools)

v4.28.0

Compare Source

July 4, 2023

Features
  • feat[devtools]: support x_google_ignoreList source maps extension (hoxyq in #​26951)
Bugfixes
Other

v4.27.8

Compare Source

May 17, 2023

Bugfixes
  • Fixed duplicated backend activation with multiple renderers (hoxyq in #​26807)

v4.27.7

Compare Source

May 4, 2023

Bugfixes

v4.27.6

April 20, 2023

Bugfixes
Other

v4.27.5

April 17, 2023

Bugfixes
Other

v4.27.4

Compare Source

March 24, 2023

Bugfixes

v4.27.3

March 22, 2023

Bugfixes
Others

v4.27.2

February 16, 2023


v4.27.1

December 6, 2022

  • [bug fix] revert values in ReactFiberFlags to keep consistency for devtools (mondaychen in #​25832)

v4.27.0

November 28, 2022

Features
Bugfixes

v4.26.1

Compare Source

October 13, 2022

  • [standalone] Stop highlighting events when a component is selected (tyao1 in #​25448)

v4.26.0

September 16, 2022


v4.25.0

July 13, 2022


v4.24.7

Compare Source

May 31, 2022

  • mock requestAnimationFrame with setTimeout as a temporary fix for #​24626 (mondaychen in #​24633)
  • Fix formatWithStyles not styling the results if the first argument is an object + Added unit tests (lunaruan in #​24554)

v4.24.6

Compare Source

May 12, 2022


v4.24.5

Compare Source

May 5, 2022


v4.24.4

Compare Source

April 8, 2022

  • Allow react-devtools-inline createStore() method to override Store config params (bvaughn in #​24303)
  • [ReactDebugTools] wrap uncaught error from rendering user's component (mondaychen in #​24216)

v4.24.3

Compare Source

March 29, 2022

Bugfix
  • Profiler should only report stateful hooks that change between renders (bvaughn in #​24189)
  • Ignore duplicate welcome "message" events (bvaughn in #​24186)
  • Attach DevTools Tree keyboard events to the Tree container (not the document) (bvaughn in #​24164)

v4.24.2

Compare Source

March 24, 2022

Bugfix
  • Show upgrade/downgrade instructions inline for errors thrown by the Store due to incompatible protocol (mismatched backend and frontend versions) (bvaughn in #​24147)
  • Inspecting an element in a nested renderer no longer throws (lunaruan in #​24116)

v4.24.1

Compare Source

March 15, 2022

Bugfix
  • Disable unsupported Bridge protocol version dialog and add workaround for old protocol operations format (bvaughn in #​24093)

v4.24.0

Compare Source

March 10, 2022

Feature
  • Show DevTools backend and frontend versions in UI (bvaughn in #​23399)
  • Timeline profiler refactored to support reading basic profiling data directly from React (bvaughn in #​22529)
Bugfix
Misc
Breaking change

Technically this is a breaking change for projects using react-devtools-inline, but since this package already depends on the experimental release channel, we are going to include it in 4.24.


v4.23.0

January 24, 2022

Feature
Bugfix
  • Don't crawl unmounted subtrees when profiling starts (bvaughn in #​23162)
  • Filter deleted components from the updaters list to avoid runtime errors later (lunaruan in #​23156)
Misc
  • DevTools (not React) logs Timeline performance data to the User Timing API (bvaughn in #​23102)

v4.22.1

December 14, 2021

  • Fix invalid require() statements in react-devtools-inline (bvaughn in #​22961)
  • Fix invalid files array in react-devtools package.json (bvaughn in #​22960)

v4.22.0

Compare Source

December 13, 2021

A note for React Native users

React DevTools has two main pieces:

  • The frontend users interact with (the Components tree, the Profiler, etc.).
  • The backend which runs in the same context as React itself. (In the web page with React DOM or shipped on the device with the React Native runtime.)

This release updates the protocol that DevTools uses to communicate between the "frontend" and "backend" components.

Because React Native embeds a copy of the React DevTools "backend" (react-devtools-core/backend), the "frontend" (UI) needs to match. This means you may be prompted to upgrade (or downgrade) your React DevTools based on which version of React Native your app uses.

Features
Bugfix
Misc

v4.21.0

Compare Source

October 31, 2021

Features
  • Scheduling Profiler: Add marks for component effects (mount and unmount) (@​bvaughn in #​22578)
  • Scheduling Profiler: De-emphasize React internal frames (bvaughn in #​22588)
Bugfix
Misc

v4.20.2

Compare Source

October 20, 2021

Bugfix

v4.20.1

Compare Source

October 19, 2021

Bugfix

v4.20.0

October 15, 2021

Features
Bugfix
Misc

v4.19.2

October 8, 2021

Bugfix
  • Show different error boundary UI for timeouts than normal errors (bvaughn in #​22483)
  • Fixed bug where deleting a component filter would also close the settings modal (Biki-das in #​22484)

v4.19.1

October 1, 2021

Bugfix

v4.19.0

September 29, 2021

Features
Bugfix
Performance

v4.18.0

September 1, 2021

Features

v4.17.0

August 24, 2021

Features
Bugfix

v4.16.0

August 16, 2021

Features
Bugfix

v4.15.0

August 11, 2021

Features
Bugfix
Misc
Scheduling profiler
What is React working on?

React’s previous Profiler primarily reports how fast (or slow) components are when rendering. It didn’t provide an overview of what React is doing (the actual cooperative scheduling bits). The new profiler does. It shows when components schedule state updates and when React works on them. It also shows how React categorizes and prioritizing what it works on.

Here’s a profile for a simple app that uses only the legacy (synchronous) ReactDOM.render API. The profiler shows that all of the work scheduled and rendered by this app is done at synchronous priority:

Legacy-render-uses-the-synchronous-lane.mp4

Here’s a more interesting profile for an app that’s rendered at default priority using the new createRoot API, then updates synchronously in response to an “input” event to manage a "controlled component":

Controlled-inputs-render-synchronously.mp4

Here’s part of a profile showing an idle app (no JavaScript running). In this case, React does some pre-rendering work for components that are “offscreen” (not currently displayed).

Offscreen-work-prerendered-during-idle.mp4

Note that “offscreen” refers to a new API and set of features that we haven’t talked about much yet except for some passing references. We’ll talk more about it in future posts.

What are “transitions” and how do they work?

We recently shared an update about the new startTransition API. This API helps apps feel responsive even when there are large updates by splitting the work into (1) a quick update to show that the app has received some input and (2) a slower update (the “transition”) that actually does any heavy lifting needed as a result of the input.

Here is an example profile that uses the transition API. First React renders a small update that shows the user some visual feedback (like updating a controlled component or showing an inline loading indicator). Then it renders a larger update that, in this case, computes some expensive value.

Render-heavy-cpu-work-as-a-transition.mp4
How does Suspense impact rendering performance?

You may have heard mention of “suspense” in past talks or seen it referenced in our docs. Although full support for data fetching via Suspense is expected to be released sometime after React 18.0, you can use Suspense today for things like lazy-loading React components. The new profiler shows when components suspend during render and how that impacts overall rendering performance.

Here’s an example profile that suspends during the initial render to lazy-load a component using React.lazy. While this component is loading, React shows a “fallback“ (placeholder UI). Once the component finishes loading, React retries the render and commits the final UI.

Suspend-during-mount-to-lazy-load-component.mp4

We plan to expand support for Suspense in the coming weeks to more explicitly show when suspense fallbacks are rendered and which subsequent renders are related to an initial update that suspended.

What else might cause a render to get delayed?

Suspense can cause a render to get delayed as React waits for data to load, but React can also get stuck waiting on a lot of JavaScript to run.

React profiling tools have previously focused on only reporting what React (or React components) are doing, but any JavaScript the browser runs affects performance. The new profiler shows non-React JavaScript as well, making it easy to see when it delays React from rendering.

Rendering-blocked-by-other-JavaScript.mp4
What can you do to improve performance?

Until now, DevTools (and the Profiler) has provided information without commentary. The new profiler takes a more active approach– highlighting where we think performance can be improved and providing suggestions.

For example, suspending during an update is generally a bad user experience because it causes previously shown components to be unmounted (hidden) so the fallback can be shown while data loads. This can be avoided using the new Transition API. If you forget to add a transition to an update that suspends, the new profiler will warn you about this:

Dont-suspend-during-an-update.mp4retry.mp4

The new profiler also warns about scheduling a long, synchronous React update inside of event handler.

Dont-schedule-long-synchronous-updates-in-event-handlers.mp4

Another thing the new profiler will warn about is long-running renders scheduled from layout effects (useLayoutEffect or componentDidMount/componentDidUpdate). These updates (called “nested updates”) are sometimes necessary to adjust layout before the browser paints, but they should be fast. Slow nested updates make the browser feel unresponsive.

Long-nested-updates-delay-paint.mp4

v4.14.0

July 17, 2021

Features
Display hook names for inspected components

DevTools parsing hook names

Control for manually toggling error boundaries

DevTools error boundary toggle


v4.13.5

May 25, 2021

Bugfix
  • Handle edge case where a component mounts before its "owner" (in DEV mode) that previously caused a validation error (bvaughn in #​21562)

v4.13.4

May 20, 2021

Bugfix
  • Fix edge-case Fast Refresh bug that caused Fibers with warnings/errors to be untracked prematurely (which broke componentinspection in DevTools) (bvaughn in #​21536)
  • Revert force deep re-mount when Fast Refresh detected (was no longer necessary) (bvaughn in #​21539)

v4.13.3

May 19, 2021

Misc
  • Updated react and react-dom API imports in preparation for upcoming stable release (bvaughn in #​21488)
Bugfix
  • Reload all roots after Fast Refresh force-remount (to avoid corrupted Store state) (bvaughn in #​21516 and #​21523)
  • Errors thrown by Store can be dismissed so DevTools remain usable in many cases (bvaughn in #​21520)
  • Bugfix for useState() object with hasOwnProperty key (bvaughn in #​21524)
  • Fixed string concatenation problem when a Symbol was logged to console.error or console.warn (bvaughn in #​21521)
  • DevTools: Fixed version range NPM syntax
    (bvaughn in 9cf1069)
  • Tweaked DevTools error template title to match issue form template (bvaughn in 1a2d792)

v4.13.2

May 7, 2021

Misc

v4.13.1

April 28, 2021

Bugfix
Misc

v4.13.0

April 28, 2021

Features
Bugfix
  • DevTools iterates over siblings during mount (rather than recursing) to avoid stack overflow errors (bvaughn in #​21377)
  • Multiple error dialogs can be visible at once (bvaughn in #​21370)
  • Console patching should handle Symbols without erroring (bvaughn in #​21368)
Bridge protocol version backend/frontend

During initialization, DevTools now checks to ensure it's compatible with the "backend" that's embedded within a renderer like React Native. If the two aren't compatible, upgrade instructions will be shown:

Dialog displaying downgrade instructions for the React DevTools frontend to connect to an older backend version Dialog displaying upgrade instructions for the React DevTools frontend to connect to a newer backend version

Learn more about this change at fb.me/devtools-unsupported-bridge-protocol


v4.12.4

April 19, 2021

Bugfix
  • Remove @octokit/rest dependency because of a problem with transitive dependencies (bvaughn in #​21317)

v4.12.3

April 19, 2021

Bugfix
  • Wrapped quotation marks around Fiber ids or indices for all DevTools errors to better support GitHub fuzzy error search (bvaughn in #​21314)

v4.12.2

April 16, 2021

Bugfix
  • DevTools reliably suppresses console logs when generating component stacks (bvaughn in #​21301)

v4.12.1

April 14, 2021
Although this release is being made for all NPM packages, only the react-devtools-inline package contains changes.

Bugfix
  • Fixed react-devtools-inline bug in frontend initialize method (bvaughn in #​21265)

v4.12.0

April 12, 2021
Although this release is being made for all NPM packages, only the react-devtools-inline package contains changes.

Features
  • Added createBridge and createStore exports to the react-devtools-inline/frontend entrypoint to support advanced use cases (bvaughn in #​21032)

v4.11.0

April 9, 2021

Bugfix

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.


  • If you want to rebase/retry this PR, check this box

This PR has been generated by Mend Renovate. View repository job log here.

@renovate renovate bot changed the title chore(deps): update dependency react-dom to v16.14.0 chore(deps): update react monorepo Oct 19, 2020
@renovate renovate bot force-pushed the renovate/react-monorepo branch from 31277cc to 07bb5ed Compare April 26, 2021 13:07
@renovate renovate bot force-pushed the renovate/react-monorepo branch from 07bb5ed to 5305349 Compare May 9, 2021 21:14
@renovate renovate bot force-pushed the renovate/react-monorepo branch from 5305349 to 9ec5432 Compare June 6, 2021 19:41
@renovate renovate bot force-pushed the renovate/react-monorepo branch from 53a9240 to 1662c49 Compare March 7, 2022 17:41
@renovate renovate bot force-pushed the renovate/react-monorepo branch from 1662c49 to 7afdcf2 Compare March 26, 2022 14:59
@renovate renovate bot force-pushed the renovate/react-monorepo branch from 7afdcf2 to a54fb60 Compare April 24, 2022 18:35
@renovate renovate bot force-pushed the renovate/react-monorepo branch from a54fb60 to 9f18b3a Compare May 15, 2022 21:00
@renovate renovate bot force-pushed the renovate/react-monorepo branch from 9f18b3a to 485dc0c Compare June 18, 2022 13:53
@renovate renovate bot force-pushed the renovate/react-monorepo branch 3 times, most recently from e310046 to 1b884a8 Compare March 24, 2023 20:52
@renovate renovate bot force-pushed the renovate/react-monorepo branch 3 times, most recently from 80149c9 to 47b051b Compare April 3, 2023 10:25
@renovate renovate bot force-pushed the renovate/react-monorepo branch 2 times, most recently from fe2c6d3 to debc8c9 Compare April 17, 2023 20:00
@renovate renovate bot force-pushed the renovate/react-monorepo branch 2 times, most recently from e5ec8c9 to f077e33 Compare June 4, 2023 10:11
@renovate renovate bot force-pushed the renovate/react-monorepo branch 2 times, most recently from f25b26a to e3d4402 Compare June 13, 2023 17:39
@renovate renovate bot force-pushed the renovate/react-monorepo branch 2 times, most recently from d1b4792 to d0a9760 Compare June 19, 2023 08:40
@renovate renovate bot force-pushed the renovate/react-monorepo branch from d0a9760 to 621097f Compare June 29, 2023 08:05
@renovate renovate bot force-pushed the renovate/react-monorepo branch 3 times, most recently from 0c548c0 to 4ee1cf9 Compare July 10, 2023 10:59
@renovate renovate bot force-pushed the renovate/react-monorepo branch 2 times, most recently from 052c11e to 42c01b0 Compare July 19, 2023 09:09
@renovate renovate bot force-pushed the renovate/react-monorepo branch 2 times, most recently from e8874c2 to d2f518c Compare August 1, 2023 14:13
@renovate renovate bot force-pushed the renovate/react-monorepo branch 3 times, most recently from a07e19f to fa22858 Compare August 9, 2023 20:20
@renovate renovate bot force-pushed the renovate/react-monorepo branch 2 times, most recently from e92bdd4 to 7fce21d Compare August 22, 2023 18:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

0 participants