Что-то про React – Telegram
Что-то про React
300 subscribers
3 photos
498 links
Немного про React.
Список статей и новостей подбирается полностью вручную.
Download Telegram
🎉 React 16.7 Release

No, This Is Not The One With Hooks, but this release contains non-trivial changes to fix various performance issues. Read the accompanying release blog post for more details.
https://reactjs.org/blog/2018/12/19/react-v-16-7.html
📋 Memoize Promise Listeners

Previously, React attached new listeners whenever a promise was thrown. This was causing special headaches in non-concurrent mode, where React re-renders immediately after a promise is thrown, causing exponential growth of promise listeners.
https://github.com/facebook/react/pull/14429
🛠 DevTools: Support Editable Props for More Component Types

In the upcoming DevTools release, you’ll be able to edit the props of more component types including function components, host elements, and special types like context providers, memo, and forwardRef. Check out the pre-release build.
https://github.com/facebook/react-devtools/pull/1249
📌 WIP: Support Hooks in DevTools

Support for Hooks in DevTools allows you to inspect useState state values, useCallback functions, and even deeply nested custom hooks.
While the core team is getting hooks ready for a stable release, this work in progress pull request gives an early glimpse of the new DevTools integration.

https://github.com/facebook/react-devtools/pull/1272
➡️ Rename useImperativeMethods to useImperativeHandle

The hook to customize the instance value that is exposed to parent components when using ref is now called useImperativeHandle.

https://github.com/facebook/react/pull/14565
👀 DevTools: Better Display for String Contexts

Context values that hold a primitive data type are now properly formatted in DevTools.

https://github.com/facebook/react-devtools/pull/1256
🛠 Separate Current Owner and Dispatcher

These two private APIs give deep access to React internals and a few external libraries depend on them. If your library does, check out the pull request for a migration strategy.

https://github.com/facebook/react/pull/14548
🌀 Release 16.8.0-alpha.0

If you’ve played around with hooks before using the alpha release, make sure to upgrade to 16.8.0-alpha.0 and benefit from all bug fixes that were published with 16.7.0.

https://twitter.com/dan_abramov/status/1083139151720001543
🛑 Allow useReducer to Bail Out

Bailing out from state changes was a long requested feature for hooks. With a recent change, returning the same state from a useReducer call will now avoid re-rendering the component.

https://github.com/facebook/react/pull/14569
🎉 React DevTools 3.6

A new version of the React DevTools browser plugin is out adding support for hooks and a lot more.

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
📌 Labels for Custom Hooks

Together with the new hook support in the DevTools, useDebugValue allows to configure labels for custom hooks. Make sure to check out the docs entry.

https://github.com/facebook/react/pull/14559
🐞 Support Hooks in Shallow Renderer

If you’re using React’s shallow renderer for testing your components, you can now continue to do so even when working with hooks.

https://github.com/facebook/react/pull/14567
🛠 DevTools: $r for Function Components

When selecting a React element in DevTools and typing $r in the console, you can access the selected component instance. For function components, this will now return a useful fallback.

https://github.com/facebook/react-devtools/pull/1281
📝 Creating Expensive Objects

The documentation now contains a new section on how to create expensive objects. The useMemo paragraph was also updated to make it clear that you can not rely on it being called exactly once.

https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily
🌀 Release 16.8.0-alpha.1

A new alpha with hooks support is out including the new useDebugValue API and a lot of other fixes. Make sure to update if you’re on the pre-release build.

https://twitter.com/dan_abramov/status/1083139151720001543
👀 Add ESLint Rule Playground

Working on linter rules can be frustrating as editors want to avoid reloading it. This new playground rule acts as a proxy to your in-development rule and will reload it on every recheck.

https://github.com/facebook/react/pull/14609
⚠️ Error When Using Hooks Inside Hooks

React now properly warns you when you use hooks inside some other hooks.

https://github.com/facebook/react/pull/14608
Channel photo updated
📌 Enable Hooks

Hooks are now turned on by default and will be part of the next release 🎉. The release is also very close.
https://github.com/facebook/react/pull/14679
🏫 Warn When Hooks Type Change

React will now warn when you are returning different hooks on subsequent re-renders. Don’t forget the first Rule of Hooks.
https://github.com/facebook/react/pull/14585