--- title: "Don't void the React warranty" publication: "React Status" issue: 336 published_at: "2023-04-26" canonical_url: "https://react.statuscode.com/issues/336" --- Plus a way to spend nine hours cozied up with React Router 6. | #​336 — April 26, 2023 [Read on the Web](https://react.statuscode.com/issues/336) Together with [![Frontend Masters logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_300,h_70/e_make_transparent/co_white,e_outline:5/nk0tfdvalivacz8rw7rt.png)](https://frontendmasters.com/courses/algorithms-practice/?utm_source=reactstatus&utm_medium=email&utm_content=algorithmspractice) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/uswpzbklmjpdwvbztow4.jpg)](https://dmitripavlutin.com/react-comments/) [How to Write Comments in React: The Good, the Bad and the Ugly](https://dmitripavlutin.com/react-comments/) — `{/* Writing comments like this */ }` is the usual way to write comments in JSX, but there are two other ways you should also know. Dmitri Pavlutin ▶[Nine Hours on React Router 6](https://www.youtube.com/watch?v=nDGA3km5He4) — A pretty epic video from Scrimba’s Bob Ziroll that you’ll need a _lot_ of coffee to get through, but you get to see the development of a complete app based around React Router, and it’s free. Bob Ziroll [![\](https://copm.s3.amazonaws.com/14319010.png)](https://frontendmasters.com/courses/algorithms-practice/?utm_source=reactstatus&utm_medium=email&utm_content=algorithmspractice) [New Course by Kyle Simpson: Practical Problem Solving with Algorithms](https://frontendmasters.com/courses/algorithms-practice/?utm_source=reactstatus&utm_medium=email&utm_content=algorithmspractice) — Walk through four fun challenges with Kyle in this new video course. You'll learn how to apply algorithms with techniques like recursion, traversals, and acyclic paths, cover memoization to avoid garbage collection, and come away writing more performant code. Frontend Masters sponsor [Modern Alternatives to _Create React App_](https://codingpastor.dev/goodbye-create-react-app-a-new-approach) — `create-react-app` was the ‘go to’ for building single-page React apps, but this article touches on the wide variety of alternatives now in common use. _(We’re on team Vite!)_ Ayooluwa Aduwo [Display a View Counter on Your Blog with React Server Components](https://scastiel.dev/view-counter-react-server-components) — Heard a lot about [React Server Components](https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023) but not yet had a chance to try them out? This concise tutorial employs a common, easily understood use case to take RSCs for a test drive. Plus it reminds us of the 90s, which is never a bad vibe. Sebastien Castiel **QUICK BITS:** - A Twitter discussion on the relative merits of [Qwik](https://qwik.builder.io/) and React led to [Dan Abramov noting:](https://twitter.com/dan_abramov/status/1651055386101796864) _"If we thought (the) Qwik model was better we would have literally implemented it"_ - Dan also made [an observation on a bug report](https://github.com/facebook/react/issues/26704#issuecomment-1522044060) that if you use [Preact Signals](https://preactjs.com/guide/v10/signals/) with React, you forfeit any guarantee that React will work correctly and that _"if React was a piece of hardware, this is exactly the kind of thing that voids the warranty."_ - Progress is being made on [ipyreact](https://github.com/widgetti/ipyreact), a way to use React within [IPyWidgets](https://ipywidgets.readthedocs.io/en/stable/), a way to add interactive widgets to [Jupyter Notebook](https://jupyter.org/) based environments (which most often, though not exclusively, use Python). - Alex Reardon, the creator of react-beautiful-dnd, recently [▶️ introduced 'Pragmatic Drag and Drop'](https://www.youtube.com/watch?v=5SQkOyzZLHM), a new performance-oriented approach to offering drag and drop features within webapps. [React ❤️ Rails? An Introduction to Superglue](https://thoughtbot.com/blog/my-introduction-to-superglue-react-rails) — [Superglue](https://thoughtbot.github.io/superglue/) is a React Redux starter/library inspired by Turbolinks designed to complement Ruby on Rails. Dave Iverson (thoughtbot) ▶[Using Zustand for Simpler React State Management](https://www.youtube.com/watch?v=fZPgBnL2x-Q) — [Zustand](https://github.com/pmndrs/zustand) is a popular alternative to Redux that’s simpler and less verbose. Niklas Ziermann runs through everything you need to know in this YouTube course. _(75 minutes.)_ Niklas Ziermann 🗣 Reddit also recently had [a discussion on Zustand vs Redux.](https://www.reddit.com/r/reactjs/comments/12su914/zustand_vs_redux/) [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 [Build a Note Taking Desktop Application with Tauri and React](https://betterprogramming.pub/building-cross-platform-desktop-applications-with-tauri-part-ii-8d6ad1927093) — [Tauri](https://tauri.app) is a Rust-based framework for building desktop apps. Yonatan Dawit 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/qc4mf697kyezvds6v0a0.jpg)](https://bhch.github.io/react-json-form/playground/) [react-json-form: JSON Editing Made Easy Using Form Inputs](https://bhch.github.io/react-json-form/playground/) — This project has a pretty epic [playground](https://bhch.github.io/react-json-form/playground/) showing off what it’s all about. [GitHub repo.](https://github.com/bhch/react-json-form) Bharat Chauhan [Satori: Convert HTML and CSS to SVG](https://github.com/vercel/satori) — Designed to be used with React and JSX. It doesn’t support all HTML but is designed to provide a familiar way to generate images from code. Vercel [Dynaboard: A Low-Code Web App IDE Made for Developers](https://dynaboard.com/?utm_source=cooperpress-rs&utm_medium=email&utm_campaign=low-code-q22023) — Build high performance public and private web apps in a collaborative — full-stack — development environment. Dynaboard sponsor [Ink 4.2: Build Interactive CLI Apps using React](https://github.com/vadimdemedes/ink) — A terminal-based React renderer so you can build command line apps using React-style components. [v4.2](https://github.com/vadimdemedes/ink/releases/tag/v4.2.0) adds a lot of new features around rendering and styling box borders. Vadim Demedes [Editable: An Extensible Rich Text Editor Framework](https://github.com/editablejs/editable) — Currently depends on React, with future plans for a plain JavaScript version. Its primary feature is that it avoids using the `contenteditable` attribute for better interoperability. Try it in [this playground](https://docs.editablejs.com/playground). Editable [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/sg7g4xxbrljmc6evhlfd.jpg)](https://github.com/tremorlabs/tremor) - [Tremor 2.2](https://github.com/tremorlabs/tremor) ↳ Library to build dashboards fast. - [react-dart 6.2](https://github.com/Workiva/react-dart) ↳ Dart bindings for React. Jobs [Senior Frontend Software Engineer](https://apply.workable.com/qatalog/j/FD741CBE15/) — Help us redefine how work is done. Join our remote engineering team and work on hard problems. React, TS, GQL, Storybook, AI/LLM 🚀 Qatalog [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