~reactstatus | Issue 405 - Building GNOME apps with React (11)

Docusaurus 3.6: The Docs-Oriented Static Site Generator — We remain huge fans of Meta’s Docusaurus, a popular way to build and deploy, largely, technical documentation sites (like all these). v3.6 is a performance focused update and it now uses tools like Rspack, SWC, and Lightning CSS to make the build process faster than ever.

Flex Your Product Muscle with Product for Engineers — Product for Engineers is PostHog’s newsletter helping engineers improve their product skills. Subscribe to get curated advice on building great products, lessons (and mistakes) from building PostHog, and dives into the strategies of top startups.

React GJS Renderer: A React Renderer for GNOME JavaScript — One for anyone developing desktop apps for Linux, as this lets you use React in the building of native Gnome GTK applications by way of the GJS (GNOME JavaScript) environment (think a runtime akin to Node.js but for GNOME desktop apps and powered by SpiderMonkey).

▶  What's Next for the React Compiler? — React Compiler is now in beta and at a recent React India event, a core team member gave a quick update on what’s been improving with the compiler and the next steps in its development. (19 minutes.)

Creating a Full-Stack App with Go and React — A look at bringing together the best of the front end and back end into a single app, a contrived ‘Go Eats’ food ordering service.

How to (Not) Reset a Form After a Server Action in React — “There was a period when forms didn’t reset automatically (...) Recently, the forms started resetting automatically, and now everyone wants to know how to keep them intact in case of a (validation) error.”

How Shopify Built its Black Friday 2023 Globe — Shopify’s busy getting ready for 2024’s Black Friday season, but takes the time to explain how they built last year’s striking sales visualization using Three.js and React Three Fiber. Admittedly, shaders did most of the heavy lifting, rather than React.

How to Create an AI-Powered Newsletter Aggregator with React and AI Agents — Oh no! Surely you wouldn’t want to do that.. 😅 Nonetheless, it’s cool to see the KaibanJS agent building framework in action.

React-Ace: Integrate the Ace Editor into React Apps — Ace is a long-standing code-focused editor control for the Web. Here’s a quick demo.

Sonner 1.7: The Opinionated Toast Notification Component — Styled by default but customizable. There’s a live demo to try on the homepage, or hit up the GitHub repo. v1.7 focuses on animation improvements, browser support tweaks, and React 19 support.

<ClickToComponent />: Quick Access to Component Source Code — Option+Click React components in the browser to open the source in VS Code. Additionally, Option+Right-Click opens a context menu with the parent component’s props, file name, column number and line number.