How to go with the React Flow
#335 — April 19, 2023
Integrating React Flow and the Web Audio API — React 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:
Former React core team member, and Glamor creator, ▶️ Sunil Pai went on the LogRocket podcast to talk about his experiences and his new PartyKit collaboration platform.
Node.js v20 dropped yesterday and it’s a big release with a new, experimental permissions model, V8 11.3, and improved performance and single executable app bundling.
A look at ▶️ five useState mistakes that could get you into trouble.
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
useHotkeys 4.4
↳ Hook for using keyboard shortcuts in components.
Plyr React 5.2
↳ Customizable media player component.
PrimeReact 9.3
↳ Extensive React component suite.
Mantine 6.0.8
↳ Another popular suite of components.
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
