--- title: "How to go with the React Flow" publication: "React Status" issue: 335 published_at: "2023-04-19" canonical_url: "https://react.statuscode.com/issues/335" --- Plus Storybook 7, Next app route visualization, and a Tailwind CSS + React landing page template. | #​335 — April 19, 2023 [Read on the Web](https://react.statuscode.com/issues/335) Together with [![Abot\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_250,h_100/gzpmb0vhgozq5yxxnn8s.png)](https://abot.app?s=rw) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/gjpcizqvjqb0jd3a5lzp.jpg)](https://reactflow.dev/blog/react-flow-and-the-web-audio-api/) [Integrating React Flow and the Web Audio API](https://reactflow.dev/blog/react-flow-and-the-web-audio-api/) — [React Flow](https://reactflow.dev/) 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 [![\](https://copm.s3.amazonaws.com/a406dffc.png)](https://abot.app?s=rw) [Anonymous Messaging and Polls for Slack](https://abot.app?s=rw) — 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](https://github.com/enaqx/awesome-react) — 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](http://podrocket.logrocket.com/partykit) to talk about his experiences and his new [PartyKit](https://partykit.io/) collaboration platform. - [Node.js v20 dropped yesterday](https://nodejs.org/en/blog/announcements/v20-release-announce) 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.](https://www.youtube.com/watch?v=DOgfV-fQ94k) [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/cpaxptjiuwhjeb7ovhdj.jpg)](https://storybook.js.org/blog/storybook-7-0/) [Storybook 7.0 Released](https://storybook.js.org/blog/storybook-7-0/) — 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](https://maxleiter.com/blog/build-a-blog-with-nextjs-13) — 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](https://userfront.com/tutorials/react-authentication?&utm_source=react-statuscode-com&utm_medium=newsletter&utm_campaign=brief_link&utm_content=react_authentication) Userfront sponsor ▶[Must-Know React Portability Patterns](https://www.youtube.com/watch?v=yi8UCnXPu8U) — 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](https://claritydev.net/blog/advanced-multistep-forms-with-react) Alex Khomenko 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ofos5xwk4p2azmxkie3j.jpg)](https://github.com/DiiiaZoTe/next-route-visualizer) [next-route-visualizer: Visualize Next.js 13+ App Routes as a Tree](https://github.com/DiiiaZoTe/next-route-visualizer) — A package for visualizing Next.js app directory routes, as illustrated in this nice little[demo](https://next-route-visualizer.vercel.app). Alexander Vencel [Easy Peasy 6.0: Redux, But Easier](https://easy-peasy.dev/) — 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.](https://github.com/ctrlplusb/easy-peasy) Sean Matheson Want to take Easy Peasy for a spin? Smashing Magazine [ran a tutorial about it.](https://www.smashingmagazine.com/2022/02/react-state-management-easy-peasy/) [Tuple – How Remote Devs Pair with Zero Friction](https://tuple.app?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=sponsorship-blitz&utm_content=React+Status_Review+Link) — 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](https://github.com/zalify/easy-email) — Generates code through drag-and-drop editing and by employing the [MJML](https://mjml.io/) responsive email framework. Zalify [Iconoir: 1300+ Open Source SVG Icons](https://iconoir.com/) — 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](https://github.com/cruip/tailwind-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](https://github.com/JohannesKlauss/react-hotkeys-hook) ↳ Hook for using keyboard shortcuts in components. - [Plyr React 5.2](https://github.com/chintan9/plyr-react) ↳ Customizable media player component. - [PrimeReact 9.3](https://github.com/primefaces/primereact) ↳ Extensive React component suite. - [Mantine 6.0.8](https://github.com/mantinedev/mantine/releases/tag/6.0.8) ↳ Another popular suite of components. - [React Paginate 8.2](https://github.com/AdeleD/react-paginate) - [React DayPicker 8.7.1](https://github.com/gpbl/react-day-picker) - [Immer 10.0](https://github.com/immerjs/immer/releases/tag/v10.0.0) Jobs [Find React Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-reactstatus%29&utm_content=find-your-next-job) — Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now. Hired This issue was curated by Terence C. Gannon and Peter Cooper and edited by the Cooperpress team. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom