#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:
|
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
|
🛠 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 |
|
|