~reactstatus | Issue 379 - React Server Components for everyone (11)

React Server Components Now in RedwoodJS — If you thought RSCs were a Next.js phenomenon, think again. Implementations are popping up all over, such as in Waku and now RedwoodJS, a full-stack framework founded by GitHub co-founder Tom Preston-Werner that leans on React, Prisma and other technologies to provide a great DX ‘out of the box.’ This post digs deep into how RSCs are...

Auth, Built for Devs by Devs — The best frontend language deserves the best auth service. Add MFA, SSO, biometrics and advanced threat detection with just a few clicks. Find out for yourself using our easy quickstart guide.

Deploying a React SPA and Python Backend Together on Azure — Last week, we saw how to roll out a full stack React app on Azure using Azure Functions, but what if you want something more traditional/monolithic like a Python-powered backend? Azure App Service can help with that.

How to Build a ChatGPT-a-Like with Clerk and AWS Bedrock — A thorough walkthrough whose focus is on the UI rather than the LLM/AI stuff behind the scenes which is taken care of by Amazon’s Bedrock service. Clerk handles the auth, while Next.js forms the base of the app.

Using ReactToPrint to Generate a Printable Document — Use ReactToPrint to add a print feature to your React app while preserving your document’s neat, consistent appearance.

React Horizontal Scrolling Menu 7.0 — A customizable horizontal scrolling menu component that’s responsive and can support numerous control approaches via scrollbars, touch, mouse wheel, etc. There are plenty of Storybook examples.

next-intl 3.10: Internationalization (i18n) for Next.js — If you want to internationalize your Next.js app, this is for you — you get a hooks-based, type-safe API with i18n and l10n features, internationalized routing, and React Server Components support. Apparently the main Node.js site uses it, too.

react-resize-aware: A Hook That Listens to Resize Events — Detect resize events on elements without relying on intervals, loops, DOM manipulation detection or CSS redraws. v4.0 now supports Vite.

use-hot-module-reload: Trigger a Callback After Hot Module Reloading — A hook that triggers a callback after hot-module reloading has been performed (for any module, not just the one it was used in) – works with Webpack and Vite.

📺 react-tv-space-navigation: Spatial Navigation for TV Apps — “If you want to develop a TV app for AndroidTV + tvOS + web TV devices, then this package will be helpful. The library is based on LRUD, which is a UI-agnostic lib that represents spatial navigation.”

use-local-storage-state: Like useState() But for Local Storage — A hook that persists data in localStorage while having an API similar to useState().