#​335 — April 19, 2023

Read on the Web

Together with  Abot
React Status

Integrating React Flow and the Web Audio APIReact Flow is a component for building node-based editors and interactive diagrams, which makes it well suited for building audio signal chains. There’s a lot of depth here, some nice examples, and these techniques could prove useful for a lot of other use cases.

Hayleigh Thompson

Anonymous Messaging and Polls for Slack — A simple app that's trusted by over 1,000 Slack teams. Improve your team's communication and resolve sensitive issues. "It removes the barrier to ask questions!"

Abot sponsor

Awesome React: Almost 500 Curated React Projects and Resources — A frequently updated and in-depth collection of articles and resources relating to the React ecosystem.

Nick Raienko

IN BRIEF:

Storybook 7.0 Released — v7.0 was released a couple of weeks ago, but despite the date, the official blog post didn’t drop till last week. In any case, it’s a big release for the popular component development workshop tool which now includes first-class Vite support, zero-config support for Next.js and SvelteKit, a UI refresh, and more.

Michael Shilman (Storybook)

Building a Blog with Next.js 13 and React Server Components — Some might say that building a simple blog with tools of this calibre is overkill. However, an easily understood case study as a basis for learning is still a useful exercise.

Max Leiter

React Authentication, Simplified

Userfront sponsor

▶  Must-Know React Portability Patterns — Incorporating these patterns helps avoid “meta-framework lock-in” should your choice of tools take an evolutionary turn you don’t like.

Jack Herrington

Advanced Multistep Forms with React Hook Form
Alex Khomenko

🛠 Code and Tools

next-route-visualizer: Visualize Next.js 13+ App Routes as a Tree — A package for visualizing Next.js app directory routes, as illustrated in this nice little demo.

Alexander Vencel

Easy Peasy 6.0: Redux, But Easier — An abstraction of Redux that provides what it bills to be a more developer friendly API while still providing access to everything the Redux ecosystem has to offer. GitHub repo.

Sean Matheson

Want to take Easy Peasy for a spin? Smashing Magazine ran a tutorial about it.

Tuple – How Remote Devs Pair with Zero Friction — Why waste hours setting up Zoom just to review a couple lines of code? Tuple brings your team together in seconds.

Tuple sponsor

Easy Email: A Drag-and-Drop Email Editor — Generates code through drag-and-drop editing and by employing the MJML responsive email framework.

Zalify

Iconoir: 1300+ Open Source SVG Icons — A vast array of clean and simple icons, complete with ways to quickly integrate them into React, React Native, Figma, and other apps – or just using CSS, if you prefer.

Luca Burgio

Simple Light 2.0: A Tailwind CSS + React Landing Page Template — Designed to provide all the basic components a developer need to create a landing page for SaaS products, online services, etc.

Cruip

Jobs

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