Docusaurus 2.0 Released — If you’ve not used Docusaurus yourself, you’ve almost certainly read sites built with it – it’s everywhere! After four years of effort, version 2.0 of the popular React-powered documentation-focused static site generator (but you could use it for other things) has dropped. This new version was rebuilt from scratch, and adds MDX support, a new plugin system, theming, dark mode, SPA navigation, offline support, and more. Roar!

Meta (Facebook)

From 500ms to 1.7ms in React — A sluggish customized grid triggered a journey to analyze and understand the bottlenecks involved, followed by making improvements leading to a dramatic performance improvement (or roaring fast, you could say).

Oren Farhi

The Default HTML Calendar vs. a Commercial React Calendar — Check out the differences between the default HTML Calendar and the KendoReact Calendar, as an example of a feature-rich commercial component. We'll look at consistency, customizability, accessibility and ease of development - let's dive in.

Progress KendoReact sponsor

Using the useState Hook with TypeScript — A quick example. “Mostly you can rely on TypeScript’s ability to automatically infer the type. However, sometimes you need to use type arguments from TypeScript to help the TS compiler out.”

Robin Wieruch

The Study of Shaders with React Three Fiber — A complete guide on how to use shaders with React Three Fiber, work with ‘uniforms and varyings’, and build dynamic, interactive and composable materials with them. A lot to enjoy here if you prefer the more visual and creative end of things.

Maxime Heckel

React Mosaic 5.2: A React Component Tiling 'Window Manager' — Provides an API to organize and tile React components across a view. Demo here.

Kevin Verdieck

react-medium-image-zoom 5.0: Medium.com-Inspired Image Zooming — If you like the effect that Medium has, this is for you. It’s simple, effective, and the project has been around several years and is quite mature. Examples here.

Robert Pearce

Build Your Own Synthetic User Testing

New Relic sponsor

Embla Carousel 7: Carousel with Fluid Motion and 'Swipe Precision' — A much maligned UI element, but the examples worked pretty well for us. Library agnostic but has easy integrations for React, Vue, and Svelte, if you need them.

David Jerleke

react-use: A Large Collection of Useful Hooks — A real grab bag covering things from tracking battery state and geolocation to setting favicons, debouncing, and playing videos.

Va Da