~reactstatus | Issue 372 - How Vercel builds Vercel with Vercel (11)

A Next.js 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 instead.

React Form Libraries for Seamless Form Creation Right in Your App — 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.

React Interview Questions and Answers — 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!)

Shining a Light on Caustics with Shaders and React Three Fiber — 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!

😋 Delicious '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.

How to Add an AI-Powered WYSIWYG Editor with Novel — Colby always puts together fun tutorials. Here, Colby demonstrates how to integrate Novel, a WYSIWYG editor with AI-powered autocomplete, into a React + Astro app.

React Resizable Panels: Components for Resizable Panels — 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.

🌈 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.

Mantine 7.5: The Full Featured Component Suite — 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.

Payload 2.9: A Headless CMS Platform Built on Node.js and React — 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.

react-native-fast-trie: A Fast C++-Powered Trie — A fast, memory-efficient trie data structure implementation for React Native implemented in C++ and made available via JSI (RN's JavaScript interface for native code).