~reactstatus | Bookmarks (138)

React is (Becoming) a Full-Stack Framework — Robin opines on some widely discussed topics in the React community over the past year or two: Where’s React going? Is it a frontend library? How does the backend fit in? He shares his thoughts on what led him to use Server Components and Server Actions and to consider React as more of a full-stack solution.

Waku Joins the React 19 Server Actions Train — Tired of big meta frameworks? Waku is a breath of fresh air. It brings just enough to build complete, modern React apps without fuss. As of yesterday’s v0.21 release, it has full support for React’s new server actions API too. I think we’ll see much more of Waku soon..

Is Google Translate Crashing React Apps? — An interesting look at how a built-in Chrome extension is manipulating the DOM on pages in such a way that could break React (and other) frontend apps.

Docusaurus 3.5: The Docs Generation Tool Adds More Blog Features — I can always tell when I’m reading a site generated with Docusaurus because they look so good. Originally focused on producing strong documentation sites, v3.5 introduces several features to make rendering project blogs much better.

Legend State: A Tiny, Fast and Modern State System — A year ago, Jack Herrington wondered if Legend State could be ▶️ ‘the ultimate state manager’ and things have progressed a lot since, with it now boasting being the fastest React state library in town. Want to learn more? Here’s the official pitch.

Vite React Boilerplate: A Production Ready Starter Template — A ‘batteries included’ Vite + React app template that leans upon, well, a lot of batteries, from Zustand to Zod to Storybook and many other tools and libraries.

React Figma: Use Components as a Source for Figma Designs — Many folks use Figma to mock up designs for React components, but what about the other way around? Use components as a source for your designs in Figma!

Storybook 8.2: The Popular Component Workshop — This release focuses on testing with new test hooks for parity with other popular testing tools, portable stories for reuse in other testing and docs tools, and more. Storybook also has an all new docs site with ‘getting started’ guides for specific frameworks like Next.js, Angular and SvelteKit.

react-movable: Drag and Drop for Lists and Tables — Vertical drag and drop for lists and tables with no additional markup needed. Accessible and touch device friendly. Demos here.

The React Conf 2024 Talks — It was possible to catch up with the talks from May’s React Conf via the livestream recordings, but now the talks have been split up and shared in an easier to digest form. Well worth a look if you haven’t looked through the event till now.

Vaul: A Simple Drawer Component — Try the demo on the homepage. It’s simple, clean, and fast, while also being incredibly flexible as these examples show.

📘 Faire’s Transition to Next.js — As described by one of their Senior Software Developers, how the online wholesale marketplace Faire navigated the challenging migration (involving a million lines of code) from a mature SPA to server-side Next.js.

WorkOS: Start Selling to Enterprises with Just a Few Lines of Code — WorkOS is a modern identity platform for B2B SaaS. It provides flexible and easy-to-use APIs to integrate SSO, SCIM, and RBAC in minutes. WorkOS is used by hundreds of high-growth startups including Perplexity, Vercel, Drata, & Webflow.

Data Fetching with Server Actions in Next.js — Can you? Should you? If not, why not? Robin doesn’t think the feature is quite there yet.

Flags as Code in Next.js using Vercel's Flags SDK — Vercel recently introduced an SDK for using feature flags in Vercel-hosted Next.js and SvelteKit-based apps. It’s agnostic, sitting in between your app and the source of such flags. Here’s how it works.

A Workshop on Building React Hooks — A new online video course from Kent C. Dodds that’s free (but signup-walled once past the introductions). The focus is on rebuilding useState and useEffect from scratch.

▶  What React Devs Need to Know about React Native: A Conversation — This popular subject provides fodder for an interesting and enlightening discussion between Expo engineer Keith Kurak and developer Kadi Karman.