~reactstatus | Issue 369 - The joy of full-stack, AI-first Next.js (10)

The Two Reacts — Last month, Dan pondered abstractions, naming, and code transformations. In this followup, he makes the argument (and counterargument) for components to be rendered client side (or not). The goal is to get you thinking about the often overlapping roles of servers and clients, and he pulls this off, admirably, without mentioning RSCs at all.. yet ;-)

[Workshop] Debugging Your Next.js App with Sentry — Join us live on January 17 to see how to instrument your Next.js app with Sentry, how to identify a few Next.js specific issues, and follow errors from the client to the server. RSVP here.

▶  React Server Components From Scratch — “Alright, let’s build React Server Components totally from scratch.” Right from nothing, through building a simple Node-based server and working out from there. Ben is very engaging and does a great job of explaining things.

☕️  Bundling React with Spring Boot — If you work (or need to work) in the Java / JVM world, this walks through an entire process of turning a Spring and React based app into a single JAR file.

▶  HTMX for React Developers in 10 Minutes — For small projects or one-off prototypes, HTMX can actually be a better fit than React. Here’s a short tutorial to help you validate this assertion.

How Lee Robinson Created His Guestbook (And You Can Do It Too) — A walkthrough of building a basic Web guestbook using Next.js.

▶  React Server Components: The Good, The Bad, and The Ugly? — The VP of Product at Vercel analyzes the eponymously named article we featured last week.

TWC: A Way to Create Reusable Tailwind CSS + React Components — If you have components specifically for using Tailwind CSS styles, this provides a short hand approach that both looks better in your editor and that makes for better autocompletion and reuse too.

Schedule-X: A Material Design Calendar and Date Picker — Available in the form of React, Vue or plain JS components. GitHub repo.

Superglue: A Way to Integrate React in Ruby on Rails Apps — A new framework that brings together Rails, React and Redux in a way that makes them as smooth and productive to use as Hotwire, Turbo and Stimulus.