#327 — February 22, 2023
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:
Charles Chen says React is the new IBM in the sense that even where React isn’t the best solution, it’s the least likely to get you fired.. for now.
Over on YouTube, Jack Herrington put ▶️ Next.js 13, Next.js 12, and Astro 2 up against each other in a benchmark.
On Twitter, there was a lot of discussion in response to the question: 🐦 “What do you prefer to use for handling forms in React?”
What to Expect from Vue in 2023 and How it Differs from React — Vue.js creator Evan You explains how Vue 3 is different from Vue 2, and in particular how its use of the Virtual DOM has evolved.
Richard MacManus (The New Stack)
▶ 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 Day Picker 8.6
↳ Customizable date picker component.
tRPC 10.12
↳ End-to-end typesafe APIs made easy.
React YouTuber extraordinaire Jack Herrington seems to be a big fan of tRPC and ▶️ shows off more about it here.
Reagent 1.2
↳ ClojureScript interface to React.
PrimeReact 9.2
↳ Large suite of React UI components.
Jotai 2.0.2
↳ Primitive, flexible state management.
React-Uploady 1.4
↳ Modern file uploading for React.
useHotkeys 4.3.7
↳ Declarative keyboard shortcuts in components.