#400 — September 18, 2024 |
|
|
|
A React 19 Cheat Sheet — From Kent C Dodds, of Epic React fame, comes this part cheat sheet, part succinct reminder of some of the new things you can do in React 19, along with (very) brief code examples. Kent C. Dodds |
|
Next.js SaaS Starter: A Next.js Template for Webapps — A starter template for building a SaaS-style webapp using Next.js with authentication, Stripe integration, and a dashboard for users. It uses Postgres and Drizzle for the database and UI elements based on shadcn/ui and Tailwind. Lee Robinson (Vercel) |
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 |
|
Introducing TanStack Router — TanStack Router is a powerful and mature type-safe React router aimed at client-side use (though a full-stack option is beginning to appear with TanStack Start). Adam shows off the essentials with the hope of getting you on board the TanStack train too. Adam Rackis |
|
IN BRIEF:
|
|
A Milestone for TypeScript Performance in TanStack Router — Complex route definitions have historically resulted in sluggish in-editor performance. Luckily, the TanStack team has been doing a lot to improve this. Christopher Horobin (TanStack) |
|
How Infinite Queries Work — Infinite queries are React Query’s way to make “those doom-scrolling pages we all hate so much” as this author describes them. Dominik Dorfmeister (AKA TkDodo) |
|
How to Create a Chrome Extension with React, TypeScript, Tailwind CSS and Vite — Covers everything you need to know right through to publishing in the Chrome Web Store. Lokman Musliu |
|
SPA Lazy Loading Pitfalls — A concise set of recommendations to address common problems with this widely used pattern. Brad Westfall |
|
📺 Why Everyone Loves Zustand – “It’s rare I see a React codebase with complex state that wouldn’t benefit from it.” Theo Browne 📺 Building a React-Powered TODO App in 9 Steps – A 54 second(!) video showing off the key stages, all without using any libraries except for React. Danny Thompson |
|
🛠 Code, Tools & Libraries |
|
|
DECK.GL: GPU-Powered Large-Scale Data Visualization Framework — Particularly well suited to geospatial data visualization use cases that go beyond typical 2D views. There are plenty of examples to show you what it can do. Can be used through both vanilla JS and React interfaces. OpenJS Foundation |
|
Conform: A Type-Safe Form Validation Library — Gives you control over the form submission lifecycle from client to the server and exposes the form state through the Edmund Hung |
|
hono-remix-adapter: A Hono / Remix Adapter — A Vite plugin to enable you to build a Hono-based app and integrate it within a Remix app. Yusuke Wada |
|
FortuneSheet: A React-Powered Excel-Like JS Spreadsheet Control — There’s a live Storybook demo showing it off. Suzhou Ruilisi Technology Co. |
|
|
Simple-Keyboard 3.8: A Modern Virtual Keyboard for React — If you need to render a working virtual keyboard within your app, this is for you. Francisco Hodge et al. |
|
|