#30: next-video, useFormState, State of React 2023, Return Components in Server Actions

🎥 Next.js Conf 2023 - Playlist – Be sure to check out all the great talks from last week’s Next.js Conf. In addition to Guillermo’s opening keynote, I highly recommend watching Sam Selikoff’s talk and Theo’s presentation on “Cursed Next Patterns”

On Mixing Client and Server – A thought piece about the benefits of React Server Components and the potential challenges that may arise when using them

🐦 Server Actions can return Server and Client Components – Not sure what a good use case for this could be but my mind was blown away when I first saw it 🤯

Client-Side-Servering: My Perspective on Next.js Server Actions – The author questions the new practice of colocating client and server code, and highlights some of the downsides

Developing an AI Chatbot With Vercel AI SDK – Learn how to use Vercel’s open-source AI SDK by building a chatbot using Next.js

Docs: useFormState – Recently added to the React docs and React Canary branch, this hook allows you to update state based on the result of a form action

Out of Order Streaming from Scratch – Next.js uses out-of-order streaming when replacing the placeholder UI of async Server Components with the actual component. This article does an excellent job of explaining how this process works

next-video – Like next/image but for videos. Currently, it is compatible only with Mux as a backend video service, but support for other services is planned for the future. Check out this RFC for more details

react-magic-motion – Enhance your UI with fancy transitions by simply wrapping them in a <MagicMotion> component

next-wednesday – This one is interesting! Use Nest.js like decorator syntax to write better API routes in Next.js

State of React 2023 – Test and improve your React knowledge while contributing valuable data to help content and library creators prioritize focus areas

The nine best recommendations in the new React docs – The latest React docs include recommendations on how to write React code. Here are nine points that come up most about React code style to help you avoid difficult-to-diagnose bugs

Why we migrated our backend from Vercel to Fly.io and the challenges we faced – Learn how and why the developers behind the monitoring service OpenStatus moved their backend server from Vercel to Fly.io

How and when to use keys in React – Cassidy shares three rules you should follow when setting keys on your React components