Redux v1.8, Optimizing third-party script loading with Next.js, and How to use Recoil for state management
This week's issue is sponsored by Unlayer.
Unlayer is a simple JavaScript SDK that lets you add a white label drag-and-drop email editor or page builder to your SaaS app in 5 minutes. They've even got specific React components, so you can seamlessly integrate it with the rest of your app.
This release adds the new "listener" middleware, updates configureStore's types to better handle type inference from middleware that override dispatch return values, and updates our TS support matrix to drop support for TS < 4.1.
This article by Leena Sohoni and Houssein Djirdeh on the Chrome Team shows you how to take advantage of the Next.js Script component to introduce third-party scripts into your apps while addressing potential performance issues out of the box.
This cheeky article attempts to answer an age-old question, "what is a React hook, really?"
Johannes Kettmann wrote this comprehensive article that reflects his observations of popular folder structures evolving in a growing codebase and the problems they can cause. It also includes a short list of best practices and a challenge to turn a design from his upcoming course into a feature-based folder structure.
Recoil is a new-ish state management tool created by an internal team at Meta. This tutorial by Abdullah Adeel provides a helpful introduction to Recoil and demonstrates how you'd use it in a React app.
It's not impossible to create an intuitive, accessible and beautifully designed DateTimePicker that's also simple to implement. This tutorial will teach you how you can take advantage of this highly customizable and configurable component from KendoReact. [sponsored]
In this tutorial, Anshuman Bhardwaj walks you through how to build a slick read progress bar using React and Tailwind, so that your blog can look as legit as your favorite creator's.
A cool library for inserting unique, interesting shapes into your React site with ease.
A powerful, customizable, Suspense-like <img> component that (optionally) simulates a shimmer effect while loading.
A hierarchical tree component for React in Typescript.
A lightweight, free and open-source library to create stunning, touch-friendly 3D parallax hover effects.