#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:
|
▶ 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
|
Understanding Server Components in React 18 and Next.js 13
|
How to Create a Video and Audio Recorder in React
|
🛠 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 |
|
QUICK RELEASES:
|
React YouTuber extraordinaire Jack Herrington seems to be a big fan of tRPC and ▶️ shows off more about it here. |
|