#72: ViewTransition Support, RSC Testing, shadcn Blocks, Mastering Forms, SPAs with Next.js

Revealed: React's experimental animations API – Recently, a new experimental ViewTransition component was introduced to the core React library. This interactive post explores what ViewTransitions are, how to use them in React, and the exciting possibilities they unlock for building cool features. Fyi: Experimental ViewTransition support has also been added to Next.js canary

Single-Page Applications with Next.js – Explains the benefits of using Next.js to build SPAs

Next.js ❤️ Sevalla – Sevalla is the home to your upcoming projects. Host and manage your applications, databases, and static sites in a single, intuitive platform

Understanding React Server Components – A deep dive into the internals of React and Next.js to understand RSCs

Mastering forms in Next.js 15 and React 19 – Kolby explains how to leverage newer React and Next.js APIs such as Server Actions, useActionState, useOptimistic, and revalidateTag to create better forms

LangChain: OpenAI in JavaScript with React.js & Next.js – A step-by-step guide on using the OpenAI API in JavaScript with LangChain in a Next.js app

Get ready for an unforgettable React celebration in the heart of Paris! – Join us at React Paris for 2 days of cutting-edge talks by Tejas Kumar, Aurora Scharff, David Khourshid, Kateryna Porshnieva, Dominik Dorfmeister, Dominika Zając, Kent C. Dodds and more... From advanced state machines to performance optimizations, each session will spark fresh insights to level up your React applications. Don’t miss this chance to connect with fellow developers and immerse yourself in the vibrant React community—right in the heart of Paris!

Origin UI – An open-source library of copy-and-paste components designed for rapidly building app UIs. They’ve recently introduced 20 new table components, all seamlessly compatible with Tanstack Table

Campsite – Campsite has open-sourced their codebase, offering an great opportunity to explore and learn how to build large-scale Next.js applications alongside other technologies like Rails, all within a single monorepo

21st.dev – A curated set of ready-to-use React and Tailwind components, crafted by design engineers for design engineers. Perfect for building your next landing page

react-call – Make any React component callable like window.confirm()

More:

• shadcn/ui: Add a block – You can now contribute components to the shadcn/ui blocks library
• Prism UI – A fully customizable component library built on top of shadcn/ui

Master Next.js Metadata – Practical Steps to Improve Search Visibility and User Engagement.

2024 JavaScript Rising Stars – The results for JS Rising Stars of 2024 are in: Next.js takes first place in the “Back-end/Full-stack” category, closely trailed by Hono. shadcn/ui remains the most popular project, while Zustand continues to dominate as the top state management library

Accessibility essentials every front-end developer should know – A great introduction to learning about accessibility in React apps

Should you use MobX-State-Tree with React in 2025? – Clarifies how the release of React 19 and the React compiler will impact whether MobX-State-Tree remains a solid choice for state management

New Things You Should Know about HTML – If you’re anything like me and haven’t stayed up to speed with the recent upgrades HTML has received, this article is here to help