#​327 — February 22, 2023

Read on the Web

Together with  AWS
React Status

React Libraries for 2023 — The React ecosystem is so large that the problem is one of being spoilt for choice than not finding what you need. This list presents some sound standard options when selecting libraries for a new project and is the latest annual update of an established list Robin maintains.

Robin Wieruch

How to Avoid Tricky Async State Manager Pitfalls — Learn how to prevent some tricky problems in React that can arise when using asynchronous state managers and avoid breaking UIs, animations, and damaging UX.

Ivan Buryak and Travis Turner

Live Streaming My Brain with Amazon IVS and React — Amazon Interactive Video Service enables developers to create low-latency live streaming applications without the need for third-party software or external scripts. Click here to learn how it works.

Amazon Web Services (AWS) sponsor

Performance Analysis of Zod, Superstruct, Yup, and Typebox — The author’s tRPC/React based project was getting sluggish and after some investigation he narrowed the cause down to Zod and decided to benchmark it against other type-driven data validation options. As always with benchmarks, use a critical eye and run your own tests as necessary.

Nick Lucas

IN BRIEF:

▶  How to Build a Word Scramble Game with React — One of those practical, step by step walkthrough videos we tend to enjoy.

Alicia Rodriguez

Try Stream’s Free Trial of SDKs for In-App Chat

Stream sponsor

Detecting Unnecessarily Mounted React Components
Gajus Kuizinas

Understanding Server Components in React 18 and Next.js 13
Adhithi Ravichandran (Programming with Mosh)

How to Create a Video and Audio Recorder in React
Iniubong Obonguko

🛠 Code and Tools

Urban Bot 1.0: Universal Chatbot Library Atop React — Rather than messing around with the APIs for Telegram, Discord, Slack or Facebok Messenger, you can write React components instead and get chatbot functionality across different platforms. GitHub repo.

Urban Bot

dnd kit: A Drag and Drop Toolkit for React — A fast and accessible way to create drag and drop experiences in React apps. Great example of a good project homepage too, complete with code and a live example.

Claudéric Demers

No More Wasting Money on Unnecessary Processing with Per‑Title Encoding

Bitmovin Inc. sponsor

Wouter: A Minimal Router Library for React — A tiny router for React (and Preact) that relies exclusively on hooks. Seen more people shouting this out lately, so it’s worth a look if you’re seeking a lighter alternative to React Router, say.

Alexey Taktarov

AutoAnimate: Add Motion to Your Apps with a Single Line of Code — You can view some nice examples on the page and this can be used with React, Vue, Svelte, or just plain JavaScript.

FormKit

Sequential Workflow Designer — A pure TypeScript/SVG designer not married with any specific workflow engine enabling it to be used in a variety of scenarios.

n4no

Jobs

Software Engineer — Join our happy team. Stimulus is a social platform started by Sticker Mule to show what's possible if your mission is to increase human happiness.
Stimulus

Find React Jobs with Hired — Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now.
Hired

QUICK RELEASES:

React YouTuber extraordinaire Jack Herrington seems to be a big fan of tRPC and ▶️ shows off more about it here.