#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.
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!”
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.
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.
React Authentication, Simplified
▶ 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.
Advanced Multistep Forms with React Hook Form
🛠 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.
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.
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.
Easy Email: A Drag-and-Drop Email Editor — Generates code through drag-and-drop editing and by employing the MJML responsive email framework.
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.
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.
↳ Hook for using keyboard shortcuts in components.
Plyr React 5.2
↳ Customizable media player component.
↳ Extensive React component suite.
↳ Another popular suite of components.
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.