👀 Fix useImperativeHandle Without Dependencies
The useImperativeHandle hook now properly behaves like no dependencies were set when the second argument is omitted.
https://github.com/facebook/react/pull/14801
The useImperativeHandle hook now properly behaves like no dependencies were set when the second argument is omitted.
https://github.com/facebook/react/pull/14801
📌 React v16.8.2 Patch Release
This release brings bug fixes and stability improvements around hooks and other features.
https://github.com/facebook/react/blob/master/CHANGELOG.md#1682-february-14-2019
This release brings bug fixes and stability improvements around hooks and other features.
https://github.com/facebook/react/blob/master/CHANGELOG.md#1682-february-14-2019
This media is not supported in your browser
VIEW IN TELEGRAM
📌 Add
The ESLint plugin for React hooks now has a new
https://github.com/facebook/react/pull/14636
eslint-plugin-react-hooks/exhaustive-depsThe ESLint plugin for React hooks now has a new
exhaustive-deps rule that verifies that the proper dependency array is specified. It also warns when assigning a to variable from an outside closure.https://github.com/facebook/react/pull/14636
🤹♀️
Sunil (threepointone) created notes that explains the necessity of the new
https://github.com/threepointone/react-act-examples
act() ExamplesSunil (threepointone) created notes that explains the necessity of the new
act() API for writing tests that should resemble production behavior.https://github.com/threepointone/react-act-examples
🗺 RFC:
A new RFC outlines changes to
https://github.com/reactjs/rfcs/pull/107
createElement ChangesA new RFC outlines changes to
React.createElement() that simplifies the object representation and will also allow forwardRef to be removed in the future.https://github.com/reactjs/rfcs/pull/107
🌍 New React Internationalization Repo: Greek
The list of internationalization repos is still growing. This week, we’re adding the Greek repository.
https://github.com/reactjs/el.reactjs.org
The list of internationalization repos is still growing. This week, we’re adding the Greek repository.
https://github.com/reactjs/el.reactjs.org
🕳 Deal with Fallback Content in Partial Hydration
This PR allows a dehydrated suspense boundary to be in three possible states (as encoded with different comment nodes).
https://github.com/facebook/react/pull/14884
This PR allows a dehydrated suspense boundary to be in three possible states (as encoded with different comment nodes).
https://github.com/facebook/react/pull/14884
🐞 Fix UMD Builds by Re-exporting the Scheduler Priorities
A recent regression caused the v16.8.2 release to break input elements when using the UMD build. This was fixed by properly exporting the Scheduler priorities.
https://github.com/facebook/react/pull/14914
A recent regression caused the v16.8.2 release to break input elements when using the UMD build. This was fixed by properly exporting the Scheduler priorities.
https://github.com/facebook/react/pull/14914
📌 React v16.8.3 Patch Release
This release fixes several bugs around React DOM.
https://github.com/facebook/react/releases/tag/v16.8.3
This release fixes several bugs around React DOM.
https://github.com/facebook/react/releases/tag/v16.8.3
🌏 Is React Translated Yet? ¡Sí! Sim! はい!
A new blog post explains the React documentation internationalization effort and mentions the first three live websites: Spanish, Japanese, and Brazilian Portuguese.
https://reactjs.org/blog/2019/02/23/is-react-translated-yet.html
A new blog post explains the React documentation internationalization effort and mentions the first three live websites: Spanish, Japanese, and Brazilian Portuguese.
https://reactjs.org/blog/2019/02/23/is-react-translated-yet.html
💼 RFC: Focus Management API
Devon Govett (devongovett) worked on an RFC for a new API to improve focus handling in React. Feedback welcome!
https://github.com/reactjs/rfcs/pull/109
Devon Govett (devongovett) worked on an RFC for a new API to improve focus handling in React. Feedback welcome!
https://github.com/reactjs/rfcs/pull/109
⏱ Add New Mock Build of Scheduler
To control the Scheduler queue in test environments, a new mock version of the Scheduler was added.
https://github.com/facebook/react/pull/14964
To control the Scheduler queue in test environments, a new mock version of the Scheduler was added.
https://github.com/facebook/react/pull/14964
🌎 React Docs Language Switcher
With the release of the first three localizations (see above), the documentations now also feature a language switcher
https://reactjs.org/languages
With the release of the first three localizations (see above), the documentations now also feature a language switcher
https://reactjs.org/languages
🛠 DevTools: Support Editable
To allow a future DevTools version to edit
https://github.com/facebook/react/pull/14906
useState HooksTo allow a future DevTools version to edit
useState hooks, a new overrideHookState was added to work with react-debug-tools.https://github.com/facebook/react/pull/14906
🌍 6 New React Internationalization Repos
With six new internationalization repos added last week, we’re now at a total of 38. This week brings:
- Gujarati: reactjs/gu.reactjs.org
- Central Khmer: reactjs/km.reactjs.org
- Kurdish: reactjs/ku.reactjs.org
- Lithuanian: reactjs/lt.reactjs.org
- Telugu: reactjs/te.reactjs.org
- Urdu: reactjs/ur.reactjs.org
With six new internationalization repos added last week, we’re now at a total of 38. This week brings:
- Gujarati: reactjs/gu.reactjs.org
- Central Khmer: reactjs/km.reactjs.org
- Kurdish: reactjs/ku.reactjs.org
- Lithuanian: reactjs/lt.reactjs.org
- Telugu: reactjs/te.reactjs.org
- Urdu: reactjs/ur.reactjs.org
⏳ Scheduler: Pass
To avoid unnecessary checks to
https://github.com/facebook/react/pull/14931
didTimeout to CallbacksTo avoid unnecessary checks to
shouldYield, Scheduler callbacks now receive a didTimeout argument.https://github.com/facebook/react/pull/14931
🎣 ESLint: Allow Extraneous Effect Dependencies
In the ESLint rule for hooks, it’s now allowed to pass dependencies that are not used inside the effect to the dependency array. Check out the PR for an example of when this is useful.
https://github.com/facebook/react/pull/14967
In the ESLint rule for hooks, it’s now allowed to pass dependencies that are not used inside the effect to the dependency array. Check out the PR for an example of when this is useful.
https://github.com/facebook/react/pull/14967
⚓️ ESLint: More Cases For exhaustive-deps Rule
This PR improves messaging for when you try to pass literals. Additionally it now warns when
https://github.com/facebook/react/pull/14930
This PR improves messaging for when you try to pass literals. Additionally it now warns when
ref.current is used in an effect cleanup that it assumes is a component ref.https://github.com/facebook/react/pull/14930
📌 ESLint: Allow Omitting Constant Primitive Deps
The
https://github.com/facebook/react/pull/14959
The
eslint-plugin-react-hooks/exhaustive-deps lint rule now allows you to omit defining constant primitives (e.g. const a = 123;) in the dependencies array if you close over them.https://github.com/facebook/react/pull/14959
🐛 Fix Compatibility Between
https://github.com/facebook/react/pull/14940
react-debug-tools and useContext()react-debug-tools is an experimental package for debugging React renderers. This PR fixes a bug that was causing issues with this package and useContext().https://github.com/facebook/react/pull/14940
🔎
The ESLint plugin
https://twitter.com/dan_abramov/status/1103744582074990594
eslint-plugin-react-hooks v1.5.0The ESLint plugin
exhaustive-deps is now in a good shape to be adopted in most projects. Install it and report back any issues! A few of the changes can be found down below.https://twitter.com/dan_abramov/status/1103744582074990594
Twitter
дэн
After a few weeks of working on it, I think it’s in a good place to be adopted in most projects now. Install eslint-plugin-react-hooks@1.5.0 and enable: 'react-hooks/exhaustive-deps': 'warn' We’ll soon add it to Create React App. File an issue if you run…