--- title: "✨ Reacting with the Stars" publication: "React Status" issue: 351 published_at: "2023-08-09" canonical_url: "https://react.statuscode.com/issues/351" --- Plus asking if htmx is a game changer, top React testing libraries, and Vercel's new Next.js ecommerce template. | #​351 — August 9, 2023 [Read on the Web](https://react.statuscode.com/issues/351) Together with [![Sleuth\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_380,h_100/e_make_transparent/co_white,e_outline:7/dm8pbpm4svdu3ggeoyqk.png)](https://www.sleuth.io/one-hundred-deploys-a-day/?utm_source=newsletter-cooper&utm_medium=email&utm_campaign=react-primary) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/r7sbw51jzhhacbfx44er.jpg)](https://joshcollinsworth.com/blog/antiquated-react) [Things You Forgot (or Never Knew) Because of React](https://joshcollinsworth.com/blog/antiquated-react) — _“I’ve written before about how React is the new default frontend framework, and how I don’t think most people using React on a regular basis realize quite how much it’s fallen behind.”_ High level thoughts about the React ‘bubble’ and some reasons to look beyond it, if you so choose. Josh Collinsworth [Coding the Stars: An Interactive Constellation with _React Three Fiber_](https://supabase.com/blog/interactive-constellation-threejs-react-three-fiber) — The Supabase team built a Web-based visualization in the form of an animated sky filled with stars, where each star represented a user signup. If you’ve never experimented with React Three Fiber or creating visual effects before, this is a good introduction walking through the key parts of their approach. Francesco Sansalvadore (Supabase) [![\](https://copm.s3.amazonaws.com/fcbae594.png)](https://www.sleuth.io/one-hundred-deploys-a-day/?utm_source=newsletter-cooper&utm_medium=email&utm_campaign=react-primary) [Bring Your Team from 1 Deploy a Week to 100 Deploys a Day](https://www.sleuth.io/one-hundred-deploys-a-day/?utm_source=newsletter-cooper&utm_medium=email&utm_campaign=react-primary) — Curious how companies like Atlassian, Google, and Netflix manage to deploy so frequently? What strategies do they use to achieve such high efficiency? This guide has helpful tips and tricks on how these companies scaled their deployments. Sleuth sponsor ▶[A Look at HTMX: A 'Game-Changing' Alternative to React?](https://www.youtube.com/watch?v=DuGyH5RvfbY) — One of Jack’s typically well produced, short tours (just 14 minutes). He likes [htmx](https://htmx.org/) and thinks it’s worth learning, even as a React developer, in order to have more tools in your toolbox. Jack Herrington [Building a Design System with React Web Components](https://www.voorhoede.nl/en/blog/building-design-system-react-web-components/) — What if you could build a universal Design system with React and use it in any web application or framework? Here’s how. Jasper and Sjoerd (De Voorhoede) **IN BRIEF:** - 🛒 Vercel has unveiled [Next.js Commerce 2.0](https://vercel.com/blog/introducing-next-js-commerce-2-0) – a so-called 'ecommerce accelerator template' showing off best practices for building Next.js-based ecommerce apps complete with integrations for popular platforms. - 🗣 Some of the folks on _Hacker News_ shared their [opinions on the state of React Native in 2023](https://news.ycombinator.com/item?id=37033363). - The React Working Group is keeping [a list of libraries/solutions that support React Server Components](https://github.com/reactwg/server-components/discussions/6). - 🎨 [Flatdraw](https://flatdraw.com/) is a nifty online drawing app built with React and Next.js. Even better, it's [open source too](https://github.com/diogocapela/flatdraw). - The latest release of the [Apollo](https://www.apollographql.com/docs/react/) GraphQL-oriented state management system, [Apollo Client 3.8](https://www.apollographql.com/blog/announcement/frontend/wait-for-it-announcing-apollo-client-3-8-with-react-suspense-integration/), now has support for React 18’s Suspense features. - A two part look at the motivation for, and story of, [creating a new lint rule for React Testing Library](https://blog.testdouble.com/posts/2023-07-31-a-new-rtl-lint-rule/) including how the [two developers paired up to work on it](https://blog.testdouble.com/posts/2023-08-01-building-a-new-lint-rule-for-rtl/). [Partially Controlled Components: A Declarative Design Pattern](https://www.jameskerr.blog/posts/partially-controlled-react-components/) — Conventional thinking considers React components as either [controlled or uncontrolled](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components), but James makes the case that it’s not actually that black-and-white: there are also _partially_ controlled components. James Kerr [React Authentication — Without Complexity](https://userfront.com/tutorials/react-authentication?&utm_source=react-statuscode-com&utm_medium=newsletter&utm_campaign=sponsored_link&utm_content=react_authentication) — Userfront streamlines authentication & access control so engineers can focus on their core business. Read the docs now. Userfront sponsor ▶[Build and Deploy a Full Stack MERN Next.js 13 _Threads_ Clone](https://www.youtube.com/watch?v=O5cmLDVTgAs) — An extensive, five hour screencast walking through the creation of a Threads/Twitter/X-style app using Next.js 13 and [Clerk](https://clerk.com/) for user management. Adrian Hajdin [Adding React Native to a Complex App](https://www.nearform.com/blog/adding-react-native-to-a-complex-app-part-1-planning/) — A four part series taking a high level view. Alan Slater (NearForm) [Using RxDB as a Database for React Apps](https://rxdb.info/articles/react-database.html) — It's a reactive offline-first database specifically for JavaScript apps. RxDB Project 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/bfhxwszugby06obptmji.jpg)](https://docs.kanaries.net/graphic-walker) [Graphic Walker: An Embeddable, Open-Source Tableau Alternative](https://docs.kanaries.net/graphic-walker) — A Tableau-esque data exploration and visualization tool (that you can even [use online here](https://graphic-walker.kanaries.net/)) that you can optionally embed as a component into your own app. [GitHub repo.](https://github.com/Kanaries/graphic-walker) Kanaries [FixedDataTable 2: A Fast, Flexible Lazily Rendered Table Component](https://schrodinger.github.io/fixed-data-table-2/) — A React table component with standard table features (but no fetching or sorting – that’s on you). A continuation of Facebook's long archived [fixed-data-table.](https://github.com/facebookarchive/fixed-data-table) Schrodinger, Inc. [Top React Testing Libraries in 2023: A Roundup](https://www.sitepoint.com/top-react-testing-libraries-in-2023/) Dianne Pena (Sitepoint) 📰 Classifieds 💻 Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. [Create a free profile now](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). --- _“In the beginning there was stdout….”_ Stop sampling, [get Axiom — logging and tracing re-invented.](https://axiom.co/?utm_campaign=reinvented&utm_source=cooperp&utm_medium=referral&utm_content=loggingreimagined) --- [Emerge](https://www.emergetools.com/) is looking for a [Senior Software Engineer (Frontend Lead)](https://www.ycombinator.com/companies/emerge-tools/jobs/zDcS7ia-senior-software-engineer-frontend-lead). Come lead Emerge's web platform, used by teams like DoorDash, Square, Dropbox & Airbnb (our stack: Next.js, React, TS, Vercel). _Classifieds_ is a way to share projects, services, events, or jobs you may find useful, replacing our job listings section. [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/rmyi88z1ziglzd8ousqg.jpg)](https://github.com/RodrigoHamuy/react-three-map) [React Three Map: A Way to Bring 3D Objects Into 2D Maps](https://github.com/RodrigoHamuy/react-three-map) — A bridge between [React Three Fiber](https://github.com/pmndrs/react-three-fiber) with [react-map-gl](https://github.com/visgl/react-map-gl) that can result in [intriguing results like in this live demo](https://codesandbox.io/p/sandbox/vigorous-snyder-2n9vpl?file=%2Fsrc%2FApp.tsx%3A48%2C45). oyar [Frolic React: A Component Library to Build Analytics Dashboards](https://github.com/frolicorg/frolic-react) — Built on top of Tailwind CSS and [Recharts](https://recharts.org/en-US/), these components plug into the open source Rust-powered [Frolic](https://github.com/frolicorg/frolic) backend for creating customer facing dashboards. Frolic - [React Virtuoso 4.5](https://github.com/petyosi/react-virtuoso) – Powerful virtual list component. - [Vaul 0.2](https://github.com/emilkowalski/vaul) – Elegant unstyled drawer component. - [React Native SVG v13.11.0](https://github.com/software-mansion/react-native-svg) - [Next.js v13.4.13](https://github.com/vercel/next.js/releases/tag/v13.4.13) 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