#​395 — July 31, 2024

Read on the Web

🏖️ A quick note to say that we're taking the next two weeks off for a summer break. We'll be back with our next issue on Wednesday, August 21.
__
Peter Cooper, your editor

Together with  WorkOS
React Status

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.

React Conf

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

Luke Bjerring (Faire)

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.

WorkOS sponsor

IN BRIEF:

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.

Robin Wieruch

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.

Dominik Ferber (Vercel)

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.

Kent C. Dodds

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

Expo

📄 Flexible Network Data Preloading in Large SPAs Matteo Mazzarolo

🔈 Why the Creator of jQuery Uses React and TypeScript Syntax․fm

📄 React Owner Components – Owners vs parents and why it matters. Brad Westfall

🛠  Code, Tools & Libraries

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.

Michael Shilman (Storybook)

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.

Vojtech Miksu

📰 Classifieds

Automatically creates & maintains E2E UI tests. Zero flakes. Backed by YC, CTO of GitHub, CPO of Adobe, CEO of Vercel.


🦑 React Rally is back! Aug 12-14 Park City UT, workshops, learning, and networking. Use discount code ReactStatus for 25% off.

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.

Emil Kowalski

react-range: Accessible Range Input with a Slider — Accessible and customizable. Numerous examples here.

Vojtech Miksu