react v17.0.0 Release Notes
Release Date: 2020-10-20 // over 3 years ago-
Today, we are releasing React 17!
⚡️ Learn more about React 17 and how to update to it on the official React blog.
React
- ➕ Add
react/jsx-runtimeandreact/jsx-dev-runtimefor the new JSX transform. (@lunaruan in #18299) - 🏗 Build component stacks from native error frames. (@sebmarkbage in #18561)
- 👍 Allow to specify
displayNameon context for improved stacks. (@eps1lon in #18224) - Prevent
'use strict'from leaking in the UMD bundles. (@koba04 in #19614) - Stop using
fb.mefor redirects. (@cylim in #19598)
React DOM
- Delegate events to roots instead of
document. (@trueadm in #18195 and others) - Clean up all effects before running any next effects. (@bvaughn in #17947)
- 👀 Run
useEffectcleanup functions asynchronously. (@bvaughn in #17925) - 💻 Use browser
focusinandfocusoutforonFocusandonBlur. (@trueadm in #19186) - 💻 Make all
Captureevents use the browser capture phase. (@trueadm in #19221) - Don't emulate bubbling of the
onScrollevent. (@gaearon in #19464) - Throw if
forwardReformemocomponent returnsundefined. (@gaearon in #19550) - ✂ Remove event pooling. (@trueadm in #18969)
- 🌐 Stop exposing internals that won’t be needed by React Native Web. (@necolas in #18483)
- Attach all known event listeners when the root mounts. (@gaearon in #19659)
- Disable
consolein the second render pass of DEV mode double render. (@sebmarkbage in #18547) - ✅ Deprecate the undocumented and misleading
ReactTestUtils.SimulateNativeAPI. (@gaearon in #13407) - 📇 Rename private field names used in the internals. (@gaearon in #18377)
- Don't call User Timing API in development. (@gaearon in #18417)
- Disable console during the repeated render in Strict Mode. (@sebmarkbage in #18547)
- In Strict Mode, double-render components without Hooks too. (@eps1lon in #18430)
- 👍 Allow calling
ReactDOM.flushSyncduring lifecycle methods (but warn). (@sebmarkbage in #18759) - ➕ Add the
codeproperty to the keyboard event objects. (@bl00mber in #18287) - ➕ Add the
disableRemotePlaybackproperty forvideoelements. (@tombrowndev in #18619) - ➕ Add the
enterKeyHintproperty forinputelements. (@eps1lon in #18634) - Warn when no
valueis provided to<Context.Provider>. (@charlie1404 in #19054) - Warn when
memoorforwardRefcomponents returnundefined. (@bvaughn in #19550) - 👌 Improve the error message for invalid updates. (@JoviDeCroock in #18316)
- Exclude forwardRef and memo from stack frames. (@sebmarkbage in #18559)
- 👌 Improve the error message when switching between controlled and uncontrolled inputs. (@vcarl in #17070)
- 🚚 Keep
onTouchStart,onTouchMove, andonWheelpassive. (@gaearon in #19654) - 🛠 Fix
setStatehanging in development inside a closed iframe. (@gaearon in #19220) - 🛠 Fix rendering bailout for lazy components with
defaultProps. (@jddxf in #18539) - 🛠 Fix a false positive warning when
dangerouslySetInnerHTMLisundefined. (@eps1lon in #18676) - 🛠 Fix Test Utils with non-standard
requireimplementation. (@just-boris in #18632) - 🛠 Fix
onBeforeInputreporting an incorrectevent.type. (@eps1lon in #19561) - 🛠 Fix
event.relatedTargetreported asundefinedin Firefox. (@claytercek in #19607) - 🛠 Fix "unspecified error" in IE11. (@hemakshis in #19664)
- 🛠 Fix rendering into a shadow root. (@Jack-Works in #15894)
- 🛠 Fix
movementX/Ypolyfill with capture events. (@gaearon in #19672) - 👉 Use delegation for
onSubmitandonResetevents. (@gaearon in #19333) - 👌 Improve memory usage. (@trueadm in #18970)
React DOM Server
- 👉 Make
useCallbackbehavior consistent withuseMemofor the server renderer. (@alexmckenley in #18783) - 🛠 Fix state leaking when a function component throws. (@pmaccart in #19212)
✅ React Test Renderer
- 👌 Improve
findByTypeerror message. (@henryqdineen in #17439)
Concurrent Mode (Experimental)
- Revamp the priority batching heuristics. (@acdlite in #18796)
- ➕ Add the
unstable_prefix before the experimental APIs. (@acdlite in #18825) - ⚡️ Remove
unstable_discreteUpdatesandunstable_flushDiscreteUpdates. (@trueadm in #18825) - ✂ Remove the
timeoutMsargument. (@acdlite in #19703) - Disable
<div hidden />prerendering in favor of a different future API. (@acdlite in #18917) - ➕ Add
unstable_expectedLoadTimeto Suspense for CPU-bound trees. (@acdlite in #19936) - ➕ Add an experimental
unstable_useOpaqueIdentifierHook. (@lunaruan in #17322) - ➕ Add an experimental
unstable_startTransitionAPI. (@rickhanlonii in #19696) - ✅ Using
actin the test renderer no longer flushes Suspense fallbacks. (@acdlite in #18596) - ⏱ Use global render timeout for CPU Suspense. (@sebmarkbage in #19643)
- Clear the existing root content before mounting. (@bvaughn in #18730)
- 🛠 Fix a bug with error boundaries. (@acdlite in #18265)
- 🛠 Fix a bug causing dropped updates in a suspended tree. (@acdlite in #18384 and #18457)
- 🛠 Fix a bug causing dropped render phase updates. (@acdlite in #18537)
- 🛠 Fix a bug in SuspenseList. (@sebmarkbage in #18412)
- 🛠 Fix a bug causing Suspense fallback to show too early. (@acdlite in #18411)
- 🛠 Fix a bug with class components inside SuspenseList. (@sebmarkbage in #18448)
- 🛠 Fix a bug with inputs that may cause updates to be dropped. (@jddxf in #18515 and @acdlite in #18535)
- 🛠 Fix a bug causing Suspense fallback to get stuck. (@acdlite in #18663)
- Don't cut off the tail of a SuspenseList if hydrating. (@sebmarkbage in #18854)
- 🛠 Fix a bug in
useMutableSourcethat may happen whengetSnapshotchanges. (@bvaughn in #18297) - 🛠 Fix a tearing bug in
useMutableSource. (@bvaughn in #18912) - Warn if calling setState outside of render but before commit. (@sebmarkbage in #18838)
Artifacts
- react: https://unpkg.com/[email protected]/umd/
- react-art: https://unpkg.com/[email protected]/umd/
- react-dom: https://unpkg.com/[email protected]/umd/
- react-is: https://unpkg.com/[email protected]/umd/
- ✅ react-test-renderer: https://unpkg.com/[email protected]/umd/
- ⏱ scheduler: https://unpkg.com/[email protected]/umd/
- ➕ Add