Building Interoperable Web Components That Even Work with React — If you use different frameworks like React, Svelte, Vue, etc. it’s common to pick a component library that suits each one, but what if you could write such components once in a framework agnostic way and use them wherever you want? Web Components provides an approach.

Adam Rackis

Build a Mobile-Responsive Telehealth Pager App Using Stream’s Chat API — Build a responsive chat app with emojis/reactions, built-in GIF support, ability to edit/delete messages, direct & group chat, and more.

Stream sponsor

An Overview of Remix Conf 2022 — A comprehensive, independently-prepared summary of the recently-concluded Remix Conf 2022 in Salt Lake City, Utah.

Sébastien Morel

Plasmo: 'It's Like Next.js for Browser Extensions' — A React and TypeScript oriented framework for building your own browser extensions complete with live-reloading, automated deployment to the main extensions marketplaces, and more.

Plasmo

How to Embed a React App in a Go Binary — Go is a popular language for writing backend APIs and you can compile Go apps down to a single, easily shared binary. Could you put your front end app in there too? Sure can.

Nils Caspar

How To Create a 'Copy Code' Button Along with React-Markdown — A novel combination of the react-markdown and react-syntax-highlighter libraries to enable code to be quickly and easily copied with a single button click.

Jay Simons (Designly Blog)

Stress Testing React 18’s Concurrent Features Using 3D Rendering — React 18 includes the highly anticipated concurrent features. This article describes how to incrementally optimize a sample 3D visualisation by employing this powerful new capability.

Daw-Chih Liou

Should You Use Framer Motion or Motion One? — The author of both Framer Motion and Motion One compares and contrasts the two JavaScript animation libraries. Framer Motion is the way to go if you’re using React, he says.

Matt Perry

Reading Source Code: React-Query — A tutorial which describes the author’s methodology for exploring and understanding an unfamiliar codebase.

Alex Kondov

Planby: A React Based Component to Implement an EPG-Like Timeline — Similar to the “electronic program guides” found on cable TV or streaming services. You can view some customizable examples here.

karol kozer

gl-react: Simplifying WebGL Shaders — A library to write and compose WebGL shaders, enabling the creation of complex, animated graphics effects. Of course, there are examples.

Gaëtan Renaudeau

Keep Up with the Latest in Startups, Tech, & Programming in Just 5 Min

TLDR Newsletter sponsor

Locofy: Convert Figma Designs into ‘Pixel Perfect’ React Code — A well-funded crack at the holy grail of converting design documents (in Figma, in this case) directly into production-ready React code.

Locofy

ReactiveMaps 3.0: UI Components for Building Geo Search UIs — The new release supports both OpenStreetMaps and Google Maps and enables the creation of rich search experiences for your choice of Elasticsearch, OpenSearch and MongoDB Atlas Search backends.

ReactiveSearch Blog