~reactstatus | Bookmarks (138)

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.

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.

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

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.

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

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.

shadcn/ui Sidebars — The popular shadcn/ui component library has unveiled a new suite of components for building sidebars.

Non-Opinionated TypeScript Starter Project for Next.js — A long standing template gets numerous upgrades to modern versions with support for Next.js 15 (using the app router), React 19, ESLint 9, and more.

Chakra UI v3: The Comprehensive React Component Suite — Chakra is a popular suite of accessible, reusable, and composable React components and v3 is essentially a complete rewrite to modern standards. GitHub repo.

React Native's New Architecture is Here — With the release of React Native 0.76, the so-called ‘New Architecture’ becomes the default. This opens up numerous modern React features like useLayoutEffect and Suspense, as well as better ways to work with native interfaces without a bridge (in short, working with the native runtime is faster and more direct).

React Compiler Beta Release — Five months ago we got our first official introduction to React Compiler, a new approach to improving React app performance by optimizing code at build time. It’s now a step closer, and React 17+ users and library maintainers are encouraged to give it a spin.

Master Performance and Speed Up Your Site — This detailed video course shares the fundamentals of web performance, covering key Core Web Vitals metrics such as Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP). You'll learn how to best use Lighthouse, WebPageTest and other tools in order to make your site lightning.

Next.js 15 Released — Last week was a big week for the popular (some may even argue default?) React framework with Next.js Conf taking place (more on that later) and this major release. It includes a codemod CLI for easier upgrading, async request APIs, alignment with React 19, and more.

Using shadcn/ui with Next.js 15 and React 19 — Fresh, valuable documentation from the shadcn/ui project on the specifics of using the popular component library with React 19 generally, though with a slight emphasis on Next.js 15.

Next.js' Journey with Caching — A description of a new experimental (aimed at those who are “feeling adventurous” for now) mode that builds on just two concepts: Suspense and use cache.

Building an Image Search App with OpenAI CLIP, Postgres & React — A tutorial that brings together a lot of ideas in one place. CLIP is used to turn images into text descriptions. Postgres is used as a vector database. JavaScript provides the glue for both the frontend (with React) and backend (Node.js).

Recharts 2.13: Chart Library Built with React and D3 — Easy to deploy with declarative components, and native SVG support. Line, bar, scatter, composed, pie, and radar charts are offered. There are lots of examples, complete with code. GitHub repo.

How Microsoft Edge is Replacing React with Web Components — As part of their WebUI 2.0 project, the Edge browser team is on a mission to swap out React UI components with native web platform components, largely for performance reasons.

Tauri 2.0: Build Small, Fast Desktop Apps with Web Tech — A popular Rust-based alternative to Electron for bundling together HTML, JavaScript and CSS code into cross-platform desktop apps. Rather than using V8, it uses the natively available webview which yields big space benefits.

Jeasx: A Lightweight SSR Framework That Uses JSX — A new server-side rendering framework built on top of JSX and Fastify. It doesn’t use React, but if you want to keep using JSX while keeping your server side lightweight, it’s an option. The JSX functionality is provided by the author’s jsx-async-runtime package.

Introducing Storybook for React Native 8.3 — Storybook is a popular frontend component workshop, most commonly used with React, but it’s had a React Native variant for a while now, which is finally fully up to speed with the features of the standard Storybook.