React v16.9.0, Apollo Client with React hooks, and investigating Discord's React memory leak
"Today we are releasing React 16.9. It contains several new features, bugfixes, and new deprecation warnings to help prepare for a future major release."
Introduced in React 16.8, Hooks are a new way to write stateful components while avoiding the pitfalls of classes. Apollo Client now includes three hooks that you can drop into your app, anywhere you currently use a corresponding higher-order component or render prop component:
In November of 2018, Discord tried to upgrade React from 16.5 to 16.7. After they shipped the upgrade, they started getting reports of users experiencing Discord using a lot of memory — something somewhere was leaking. This is that story and how they fixed it.
A thorough step-by-step guide for learning the basic and advanced Hooks (state, effects, context, and reducers) included in ReactJS. Eric provides take-home code demos and GitHub projects you can fork as well as resources and links for more learning on the subject of React Hooks.
This article walks through the differences between using the traditional
connect HOC from Redux compared to the new
Creating beautiful interfaces while maintaining accessibility has always been a challenge in the frontend. One barrier is the ugly “:focus” ring outline. Read on to learn how to figure out whether a focus outline should be shown using a React component. This helps you in making your sites more accessible without compromising on design.
Vettery is an online hiring marketplace that's changing the way people hire and get hired. Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today.
In this video, you'll learn how to build a YouTube clone application from Scratch using React. This project covers lifecycle methods, project structure, destructuring, state management, passing props from parent to child components, API calls, and more.