--- title: "How Vercel builds Vercel with Vercel" publication: "React Status" issue: 372 published_at: "2024-01-31" canonical_url: "https://react.statuscode.com/issues/372" --- Plus donuts, resizable panels, and some games built with React. | #​372 — January 31, 2024 [Read on the Web](https://react.statuscode.com/issues/372) 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=frontend_focus&utm_medium=email) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ykucqcr1lao8qz2bgmvk.jpg)](https://www.flightcontrol.dev/blog/nextjs-app-router-migration-the-good-bad-and-ugly) [A Next.js App Router Migration: The Good, Bad, and Ugly](https://www.flightcontrol.dev/blog/nextjs-app-router-migration-the-good-bad-and-ugly) — A team rebuilt their main dashboard from scratch using a modern Next.js approach and here’s some of what they encountered, good and bad, before concluding that they wish they’d considered [Remix](https://remix.run/)instead. Brandon Bayer (Flightcontrol) 👍 On the flip side, Jack Herrington took a look to see [▶️ if RSCs and the Next.js app router approach are 'really that bad'](https://www.youtube.com/watch?v=u0OMdWJfdhg) and concluded that the DX is just fine. [![\](https://copm.s3.amazonaws.com/504b4cd3.png)](https://surveyjs.io/?utm_source=react.statuscode&utm_medium=email) [React Form Libraries for Seamless Form Creation Right in Your App](https://surveyjs.io/?utm_source=react.statuscode&utm_medium=email) — Simplify data collection in your React app with SurveyJS UI components. Create and style dynamic JSON-based forms using a self-hosted form builder that features a CSS theme editor and GUI for conditional rules. Maintain full control over your respondents' data. SurveyJS sponsor [React Interview Questions and Answers](https://github.com/sudheerj/reactjs-interview-questions) — If you’re looking for a job and preparing for interviews, or if you just want to revise your overall knowledge, you might find this long standing resource useful, even if it just gives you some areas to research (or, better, inspires you to contribute some fixes!) Sudheer Jonna _IN BRIEF:_ - I found it quite interesting to [▶️ learn how Vercel builds Vercel](https://www.youtube.com/watch?v=-huwRrj_HA4).. using Vercel 😅_(15 minutes.)_ - François Zaninotto looks at [new client-side hooks coming to React 19](https://marmelab.com/blog/2024/01/23/react-19-new-hooks.html). - There's a [React Native fork for _Apple Vision Pro_](https://thenewstack.io/react-native-fork-supports-development-on-apple-vision-pro/) if you want to target Apple's new virtual reality _spatial_platform. - [▶️ A fun look at the latest ReactJam game jam](https://www.youtube.com/watch?v=nbXTnCCVj0U) and some of the entries. - A little React pessimism rumbles on in the broader community, with the latest article getting attention being Simon MacDonald's _[Removing React is just weakness leaving your codebase](https://begin.com/blog/posts/2024-01-26-removing-react-is-just-weakness-leaving-your-codebase)_ – ouch! - Paul Scanlon [ponders Qwik as an alternative](https://thenewstack.io/take-a-qwik-break-from-react-with-astro/) to React. [Shining a Light on Caustics with Shaders and React Three Fiber](https://blog.maximeheckel.com/posts/caustics-in-webgl/) — A step-by-step guide on building a caustic light effect (like the light rays you might see refracting/reflecting off a surface) in a React Three Fiber project using shaders, render targets, normal maps, and custom materials. Beautiful! Maxime Heckel 😋 [Delicious 'Donut' Components](https://frontendatscale.com/blog/donut-components/) — Donuts, in this case, aren’t merely a tasty snack, but a pattern for interleaving client and server components. Presented complete with some fantastic diagrams. Maxi Ferreira [How to Add an AI-Powered WYSIWYG Editor with Novel](https://spacejelly.dev/posts/how-to-add-an-ai-powered-wysiwyg-editor-in-react-astro-with-novel) — Colby always puts together fun tutorials. Here, Colby demonstrates how to integrate [Novel](https://novel.sh/), a WYSIWYG editor with AI-powered autocomplete, into a React + Astro app. Colby Fayock [It Feels Like React is Getting a Bit of a Kicking Recently..](https://piccalil.li/blog/react-is-getting-a-bit-of-a-kicking-recently/) Andy Bell 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ov8bguahjxekbpsbnkzf.jpg)](https://react-resizable-panels.vercel.app/) [React Resizable Panels: Components for Resizable Panels](https://react-resizable-panels.vercel.app/) — If you’ve got various panels and want users to be able to resize them with dividers, try this. The site is full of examples, complete with code, showing off the various features. As of v2, it supports resizing multiple intersecting panels at once. [GitHub repo](https://github.com/bvaughn/react-resizable-panels). Brian Vaughn 🌈 [React Curved Text](https://obss.github.io/react-curved-text/) — A way to, unsurprisingly, render circular / curved text in a React app. The page includes an interactive demo so you can play with the effect to your heart’s content and then copy the JSX needed. Open Business Software Solutions [Mantine 7.5: The Full Featured Component Suite](https://mantine.dev/changelog/7-5-0/) — The ever popular suite of React components and hooks gains new donut and pie chart components, improved formatting options for other charts, CSS `text-wrap` support on its `Title` component, and more. Mantine Developers 📰 Classifieds [Omlet](https://omlet.dev/?utm_campaign=partner_react-status_newsletter-classified-jan-2024) gives you analytics on where your components are used. Increase design system adoption and make data-driven improvements. [Start for free](https://omlet.dev/?utm_campaign=partner_react-status_newsletter-classified-jan-2024). [Payload 2.9: A Headless CMS Platform Built on Node.js and React](https://payloadcms.com/) — A Node.js-based headless CMS with a customizable React-based admin system, GraphQL and REST APIs, flexible auth, file uploads, etc. Enough features to _“feel more like an app framework akin to Laravel,”_ they say. [GitHub repo](https://github.com/payloadcms/payload). Payload CMS, LLC [react-native-fast-trie: A Fast C++-Powered Trie](https://github.com/zacharyfmarion/react-native-fast-trie) — A fast, memory-efficient [trie data structure](https://en.wikipedia.org/wiki/Trie) implementation for React Native implemented in C++ and made available via [JSI](https://blog.notesnook.com/getting-started-react-native-jsi/) (RN's JavaScript interface for native code). Zachary Marion - [Sonner 1.4](https://github.com/emilkowalski/sonner) – Elegant toast notifications. Demos on [the homepage](https://sonner.emilkowal.ski/). - [React Date Picker 5.1](https://github.com/Hacker0x01/react-datepicker) – Simple date picker component. ([Demo](https://reactdatepicker.com/).) - 🗓 [React Big Calendar 1.8.7](https://jquense.github.io/react-big-calendar/examples/index.html?path=/story/about-big-calendar--page) – GCal/Outlook-like calendar component. - [TanStack Query 5.18](https://github.com/TanStack/query/releases/tag/v5.18.0) – Async state management and data fetching. - [re-frame 1.4.3](https://github.com/day8/re-frame) – ClojureScript UI framework, leveraging React. - [React Virtuoso 4.6.3](https://virtuoso.dev/) – Powerful virtual list component. - [ka-table 8.8](https://komarovalexander.github.io/ka-table/#/overview) – Lightweight table component. 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