React Newsletter #166

Styled-components v5, Redux with Hooks, using react-testing-library instead of Enzyme


News

Announcing styled-components v5: Beast Mode

50% faster server-side rendering, 20% faster client-side rendering, 19% smaller bundle size, RTL support and no breaking changes!

Add useEvent hook implementation

This PR adds a new primitive hook to React called useEvent. For now it's behind the React Flare flag and is labelled unstabled_useEvent on the React object. This implementation might have bugs in, as it's not been hooked up and tested with the various event responder modules, like Press, Hover etc. This isn't intended to be a bug-free PR, more it's an initial implementation that should aim to get the wiring right between fibers and the hook.


Articles

Redux Now Has Hooks. A Before and After Comparison

react-redux now includes some Hooks. This post walks through what those new Hooks are and how they may be helpful.

Why I'm using react-testing-library instead of Enzyme

When Hooks came out, Antoine started exploring other testing solutions in the React ecosystem. This is a write-up of his journey.

The Complete Guide to React Refs

In this post, you will learn how to properly use refs, how to use the current API, and decide when to approach one over the other.


Sponsor

Get 40% off your entire Manning.com order!

Looking to make your web apps shine? Whether you use React every day, or are looking to build up your web dev skills with the latest modern techniques, at Manning Publications we’re always looking for ways to help developers grow. To help, we’d like to offer you 40% off everything in our entire catalog, including the following selection of books and video courses!

Just use the code reactnews40 when you checkout to save 40%. When you click the Add to Cart buttons below, we’ll enter the coupon code for you automatically.


Project

Buffet.js - React component library based on styled-components

The purpose of Buffet.js - an all-you-can-eat component library - is to give to the community a faster, easier and better way to develop both their private and public plugins and also, to allow us to set up a stronger design system which can be easily updated.

react-conflux

Conflux is a modularized state management system utilizing the Context API and React Hooks for the React ecosystem. It provides predictable and optionally-nested state containers for applications in an elegant, streamlined, and developer-friendly manner.


made with ❤️ by ui.dev