--- title: "An AI-generated album of React songs.." publication: "React Status" issue: 402 published_at: "2024-10-02" canonical_url: "https://react.statuscode.com/issues/402" --- Plus Windows 95 is back, in React form. | #​402 — October 2, 2024 [Read on the Web](https://react.statuscode.com/issues/402) Just a bit of housekeeping: **we're taking next week off, so the next issue will be on October 16.** Keep sending in your links, though, and we'll see you then! __ _Your editor, Peter Cooper_ Together with [![SurveyJS logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_1000,h_410/e_make_transparent/co_white,e_outline:20/yrja59qflovcjwojxypq.png)](https://surveyjs.io/?utm_source=react.statuscode&utm_medium=email) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/aaf7zakrp29l1yx68aw8.jpg)](https://github.com/Yonom/assistant-ui) 🤖 [assistant-ui: React Components for AI Chat](https://github.com/Yonom/assistant-ui) — It doesn’t just give you the interface components, but has integrations for Vercel AI, Langchain, and talking to other common LLM APIs (e.g. OpenAI’s), enabling you to build your own in-house AI chat system quickly. [Examples.](https://www.assistant-ui.com/examples) Simon Farshid [Types of React Components: An Overview](https://www.robinwieruch.de/react-component-types/) — A complete overview, including basic code examples, of the different types of React component, from those built with `createClass`, class components, HOCs, function components, and more modern options. A major update of a post we first featured in 2019. Robin Wieruch [![\](https://copm.s3.amazonaws.com/62225774.png)](https://surveyjs.io/?utm_source=react.statuscode&utm_medium=email) [Looking for a DIY Survey Solution? SurveyJS Has You Covered](https://surveyjs.io/?utm_source=react.statuscode&utm_medium=email) — With the SurveyJS UI libraries, you can quickly build a fully customizable form management platform in React. Seamlessly integrate the drag-and-drop editor with any backend and create dynamic, JSON-based forms within your application without any limitations. SurveyJS sponsor **IN BRIEF:** - 🎸 Kent C. Dodds has [▶️ recorded a music video](https://www.youtube.com/watch?v=o7J4K4uZfvQ) to celebrate the launch of his React 19-focused [Epic React course](https://www.epicreact.dev/). Even scarier, he's put [▶️ an entire AI-generated React themed album](https://open.spotify.com/album/5WNGlXzH1S1qje7WOEV6Ul?si=FbHnq8MCSQi6w1eQAwmivw&nd=1&dlsi=6c3b5708af4d425c) up on Spotify.. 🫣 - Over on _X_, the founder of Gumroad said that _"Ruby on Rails is a form of technical debt"_ and said [they're migrating Gumroad to using TypeScript and React.](https://x.com/shl/status/1839610029663519115) - It's in the repo only, for now, but React Router has landed [the ability to generate types for your route modules.](https://github.com/remix-run/react-router/blob/dev/.changeset/typesafety.md) [Why I Gave Expo a Second Chance](https://expo.dev/blog/why-i-gave-expo-a-second-chance) — If your last contact with [Expo](https://expo.dev) was a few years ago — and you weren’t all that impressed — you may want to take a second look as this dev did. It’s a powerful way to build React Native apps. Yushan Fernando (The Expo Blog) 💡 Sticking with Expo, did you know you can [incrementally adopt Expo?](https://expo.dev/blog/how-to-incrementally-adopt-expo) ▶[React Visually Explained: `use client`](https://www.youtube.com/watch?v=eO51VVCpTk0) — We feature this not only for content but also for style: we like the gimmick-free simplicity, tight editing and focus of the presenter and the material she presents. Delba Oliveira (Vercel) ▶[React 18 at _The New York Times_ with Ilya Gurevich](https://softwareengineeringdaily.com/2024/09/04/react-18-at-the-new-york-times-with-ilya-gurevich/) — A senior engineer at _The New York Times_ talks about implementing React 18 for their core news site. This follows on from [a recent blog post](https://medium.com/timesopen/enhancing-the-new-york-times-web-performance-with-react-18-d6f91a7c5af8) he wrote about the process. Gregor Vand (Software Engineering Daily) podcast 📄 [Partial Prerendering for Everyone with Cloudflare Workers](https://sunilpai.dev/posts/ppr-for-everyone/) – Implementing Next.js-style PPR in a normal React SSR app. Sunil Pai 📄 [Web Components are not Framework Components — and That’s Okay](https://lea.verou.me/blog/2024/wcs-vs-frameworks/) Lea Verou 📄 [How to Control a React Component from the URL](https://buildui.com/posts/how-to-control-a-react-component-with-the-url) Sam Selikoff 📄 [How to Synchronize Reactive Local-First Expo Apps with TinyBase](https://expo.dev/blog/how-to-synchronize-reactive-local-first-apps-with-tinybase) James Pearce (Expo) 📄 [Create Stunning Maps Effortlessly with React Leaflet](https://jsdev.space/mastering-react-leaflet/) JavaScript Development Space 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/gmvl9zan0seaspuhjnmj.jpg)](https://vaul.emilkowal.ski/) [Vaul 1.0: A Simple Well Designed Drawer Component](https://vaul.emilkowal.ski/) — We’ve linked to this recently, but it’s just hit v1.0. It’s simple, clean, and fast, while also being very flexible. There’s also [new ‘getting started’ docs](https://vaul.emilkowal.ski/getting-started) and Emil explains [the design process here.](https://emilkowal.ski/ui/building-a-drawer-component) Emil Kowalski [React Spectrum September 30, 2024 Release](https://react-spectrum.adobe.com/releases/2024-09-30.html) — A big release for Adobe’s suite of accessible components, complete with seven new color picker components (including Tailwind starter kit examples), two ‘Disclosure’ components for building accordions/collapsible panels, and Tree/TreeView go into beta. Adobe [A React Component for Rendering Shell-Style Progress Indicators](https://glama.ai/blog/2024-09-25-ascii-progress-indicators) — You know the ones, where various combinations of Unicode characters are alternated, etc. This is a very simple implementation. Frank Fiegel - [React DevTools 6.0](https://github.com/facebook/react/blob/main/packages/react-devtools/CHANGELOG.md#600) – The [browser extension](https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) hasn't been updated as yet, though. - [TanStack Query 5.59](https://github.com/TanStack/query/releases/tag/v5.59.0) – Async state management and data fetching. Now with experimental support for`React.use()`. - [React Suite 5.71](https://github.com/rsuite/rsuite) – A suite of React components. ([Examples.](https://rsuitejs.com/components/overview/)) - [React Native Skia 1.4.2](https://github.com/Shopify/react-native-skia) – High-performance 2D graphics for React Native. - 🗓️ [React Big Calendar 1.15](https://github.com/jquense/react-big-calendar) – GCal/Outlook-like calendar component. - 🗓️ [Schedule-X 2.3](https://schedule-x.dev/) – Material Design event calendar and date picker. - [BlockNote 0.15.11](https://github.com/TypeCellOS/BlockNote/releases/tag/v0.15.11) – 'Notion-style' block-based editor. 📰 Classifieds [Automatically creates & maintains E2E UI tests.](https://www.meticulous.ai?utm_source=react_status&utm_campaign=september27th) Zero flakes. Used by Lattice, Bilt Rewards and others. Backed by YC, CTO GitHub and others. --- 🎹 [STRICH:](https://strich.io/?ref=react=status) Add blazing fast and reliable 1D/2D Barcode Scanning to your web apps. Free demo app and 30-day trial available. 🎁 And one extra for fun.. [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/t4hvnuhkamiadj61o16w.jpg)](https://react95.github.io/React95/?path=/story/all--all) [React95 v9.0: A Windows 95 Themed React Components Library](https://react95.github.io/React95/?path=/story/all--all) — Years ago we thought this was a cute pet project and that it’d be left to go stale quite quickly, but no, it’s getting constant updates - we love it! Now we just need to see more sites _using_ it.. :-) The React95 Team Curated by Peter Cooper and Terence C. Gannon. 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