#405 — November 6, 2024 |
|
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. Meta |
⚡ MikroORM's docs site build time went from 6m40s to 2m30s in dev and from 12m to 4m30s in production. |
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. PostHog sponsor |
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). Szymon Bretner |
▶ 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.) Sathya Gunasekaran |
💡 If you're into Go at all, we have a Go newsletter too. |
IN BRIEF:
|
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. Mukul Mantosh (JetBrains) |
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.” Robin Wieruch |
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. Diego Macario Bello (Shopify) |
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. Dariel Villa |
📄 Creating Blurred or Virtual Backgrounds in Real-Time Video in React Apps Farhan CK 📄 Managing Advanced Search Param Filtering in the Next.js App Router Aurora Scharff |
🛠 Code, Tools & Libraries |
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. James Hrisho |
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. Emil Kowalski |
|
<ClickToComponent />: Quick Access to Component Source Code — Eric Clemmons |
|