--- title: "The joy of full-stack, AI-first Next.js" publication: "React Status" issue: 369 published_at: "2024-01-10" canonical_url: "https://react.statuscode.com/issues/369" --- Plus React Server Components rebuilt from nothing. | #​369 — January 10, 2024 [Read on the Web](https://react.statuscode.com/issues/369) Together with [![Sentry logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_350,h_100/e_make_transparent/co_white,e_outline:7/xdmchdxkka938lxfr86f.png)](https://sentry.io/resources/debugging-next-js/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy24q4-nextjsworkshop&utm_content=newsletter-nextjsworkshop-register) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/uyidz4tolggu4piczjl2.jpg)](https://overreacted.io/the-two-reacts/) [The Two Reacts](https://overreacted.io/the-two-reacts/) — Last month, Dan [pondered abstractions, naming, and code transformations](https://overreacted.io/a-chain-reaction/). 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](https://frontendmasters.com/blog/the-two-reacts/) about the often overlapping roles of servers and clients, and he pulls this off, admirably, without mentioning RSCs at all.. yet ;-) Dan Abramov [![\](https://copm.s3.amazonaws.com/94c94f12.png)](https://sentry.io/resources/debugging-next-js/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy24q4-nextjsworkshop&utm_content=newsletter-nextjsworkshop-register) [[Workshop\] Debugging Your Next.js App with Sentry](https://sentry.io/resources/debugging-next-js/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy24q4-nextjsworkshop&utm_content=newsletter-nextjsworkshop-register) — 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](https://sentry.io/resources/debugging-next-js/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy24q4-nextjsworkshop&utm_content=newsletter-nextjsworkshop-register). Sentry sponsor ▶[React Server Components From Scratch](https://www.youtube.com/watch?v=MaebEqhZR84) — _“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. Ben Holmes 💡 Josh W Comeau's [Making Sense of React Server Components](https://www.joshwcomeau.com/react/server-components/) remains fantastic if you prefer something written. ☕️ [Bundling React with Spring Boot](https://www.jessym.com/articles/bundling-react-vite-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. Jessy Musoko **IN BRIEF:** - Vercel CEO Guillermo Rauch used AI to generate a Hacker News clone atop Next.js, using all its latest features – [🐦 here's what he learned.](https://twitter.com/rauchg/status/1744183052010684747) _"Full stack, AI-first Next.js is one of the most joyful experiences I've had programming in my entire career."_ - [2023 JavaScript Rising Stars](https://risingstars.js.org/2023/en) collects together the JS projects that gained the most stars on GitHub in 2023, and there's [a React-specific section.](https://risingstars.js.org/2023/en#section-react) `shadcn/ui` takes the top spot and Sébastien Lorber shares his thoughts on React developments across the year that was. - Tom MacWright is _miffed_ about [the state of React releases](https://macwright.com/2024/01/03/miffed-about-react) and even maintains a ['days between React releases' visualization.](https://observablehq.com/@tmcw/days-between-react-releases) - Chris Ferdinandi argues that React's complexity makes it [bad for mostly static sites](https://gomakethings.com/harmful-complexity-using-react-for-static-content/). - 🇫🇷 [React Native Connection](https://reactnativeconnection.io/) is a new French React Native conference taking place this April in Paris. ▶[HTMX for React Developers in 10 Minutes](https://www.youtube.com/watch?v=r0XBULqzsT0) — For small projects or one-off prototypes, [HTMX](https://htmx.org) can actually be a better fit than React. Here’s a short tutorial to help you validate this assertion. Jack Herrington [How Lee Robinson Created His Guestbook (And You Can Do It Too)](https://bejamas.io/blog/how-to-create-a-guestbook/) — A walkthrough of building a basic Web guestbook using Next.js. Giridhar Talla ▶[React Server Components: The Good, The Bad, and The Ugly?](https://www.youtube.com/watch?v=8DyzsSWNcDE) — The VP of Product at Vercel analyzes [the eponymously named article](https://www.mayank.co/blog/react-server-components/) we featured last week. Lee Robinson [Jotai: Build Your State with Atom Precision](https://www.bekk.christmas/post/2023/20/jotai-build-your-state-with-atom-precision) Kristina Skåtun 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/fw1dpwc7g5tzzdz4wegb.jpg)](https://react-twc.vercel.app/) [TWC: A Way to Create Reusable Tailwind CSS + React Components](https://react-twc.vercel.app/) — 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. Greg Bergé [Schedule-X: A Material Design Calendar and Date Picker](https://schedule-x.dev/) — Available in the form of React, Vue or plain JS components. [GitHub repo](https://github.com/schedule-x/schedule-x). Tom Österlund [Superglue: A Way to Integrate React in Ruby on Rails Apps](https://thoughtbot.com/blog/introducing-superglue) — 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. thoughtbot - [Docusaurus 3.1](https://docusaurus.io/blog/releases/3.1) – The popular, powerful docs site framework. - [React Icons 5.0](https://react-icons.github.io/react-icons/) – Easily use popular icons in React apps. - [React Native Vision Camera 3.7](https://github.com/mrousavy/react-native-vision-camera) – Powerful camera libary for RN apps. - [React Big Calendar 1.8.6](https://github.com/jquense/react-big-calendar) – GCal/Outlook-like calendar component. - [React Unity WebGL 9.5](https://github.com/jeffreylanters/react-unity-webgl) – Embed Unity WebGL builds in React apps. [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/iljfgjqntvlvj1t4hz7x.jpg)](https://react95.github.io/React95/) - [React95 7.0](https://react95.github.io/React95/) – Windows 95-esque component library_(above)_. - [PrimeReact 10.3](https://primereact.org/) – Popular React component suite. - [React-PDF 7.7](https://github.com/wojtekmaj/react-pdf) – Component to display PDFs. - [TanStack Router 1.3](https://github.com/TanStack/router) - [React Calendar 4.8](https://projects.wojtekmaj.pl/react-calendar/) Curated by Peter Cooper and Terence C. Gannon. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom