⚛️📝 New on Overreacted: JSX Over The Wire overreacted.io/jsx-over-the...

👀 React + AI 👇 Creating and receiving Structured Output from AI responses for a chatbot with OpenAI + LangChain in a React application.

👀 React + AI 👇 HTTP streaming AI responses for a chatbot with OpenAI + LangChain in a React application.

👀 React + AI 👇 MVP for creating a chatbot with OpenAI + LangChain in a React application.

The most well structured article I've read about fundamentals of web development! @rwieruch.bsky.social, thanks for sharing your knowledge. www.robinwieruch.de/web-applicat...

🌠 Just released the JS Rising Stars 2024! risingstars.js.org/2024/en Thanks to our amazing Guest Writers: @rwieruch.bsky.social (React section) @danielroe.dev (Vue.js) @sebastienlorber.com (Build tools) @bacon.bsky.social (Mobile), @jherr.dev (State management)

👀 React 19 Insight The function signatures of server actions adapt depending on how they are used within a React form.

👀 React Insight How to approach server-side form validation with server-driven React while also being able to optionally add client-side form validation later.

The Teach Stack that I'd use in 2025.

👀 React 19 Insight Server Components won't eliminate waterfall requests, they only shift where these requests occur. As a result, using the correct data-fetching patterns remains just as critical in server-driven React applications as it has always been in client-side React.

Enrollment for the course is officially closed and I'm so grateful for the incredible response 😲 I'm relieved and excited to dive back in and finish up all the content! Thanks to all the developers who signed up. I can't wait to see how far we'll go together 🚀🚀🚀

👀 Feature-Based React Architecture In a growing application, it's easy for different domains to become intertwined. For example, in the UI, a Comment component can quickly end up inside a Post component, and a data-fetching function might be extended beyond its original purpose.

Waking up to feedback like this makes my day 🤩

☄️ 94% of students choose the higher-tier option, combining the Developer + Engineer Journeys, rather than sticking to just the Developer Journey. The demand for advanced courses is incredibly high! But it's super hard to come up with an advanced course if you don't lay out the foundation first.

Who else loves IIFEs 🫠

👀 The Road to Next Compared to all the pre-made Next.js starter kits out there, The Road to Next teaches you the knowledge to create your own from scratch.

🔥 We are live! I'm beyond excited to announce the early access of: The Road to Next 🎉 🎊 🥳 A comprehensive, self-paced video course for full-stack web developers, featuring React 19 and Next 15. www.road-to-next.com

👉 Around this time tomorrow (11 AM EST), I'll be launching The Road to Next 🎉 I couldn't be more excited, because it's the one thing that I worked on for 9 months. If you've followed me over the years, your support would mean the world 💛🤗 www.road-to-next.com

When have you been using a switch case the last time?

👀 React 19 insight Dealing with FormData will become inevitable in React 19. From extracting the data in a concise yet descriptive way to validating and typing it.

👀 React Insight I like to use kebab-case for all my files, even React components. Many freelance gigs have taught me over the years that kebab-case (or snake_case) is the most reliable way to handle file names across OSs with various case-sensitivity when sharing code with version control.

TIL about GitHub's sponsor exploration page! Such a cool way to find and support the creators behind the tools one relies on!

👀 React Observation There are multiple ways to fetch data in modern React: 👉 Server-Side 1️⃣ 👉 Client-Side 2️⃣ 1️⃣ React Server Components (RSC) 2️⃣ React Query (RQ) 1️⃣ + 2️⃣ RSC + RQ 1️⃣ + 2️⃣ React's use API (experimental) 2️⃣ useState + useEffect 2️⃣ tRPC (type-safe E2E)

👀 React 19 Observation JS .bind() is becoming popular again! What ended with Class Components in React reclaims its spotlight with Server Actions once more.

👀 React insight Organizing React applications beyond 100,000 lines of code 🫠 Folder structures in React tend to be a highly debated topic. Each year, I revisit and refine my approach to organizing React applications. Let's dive into this 5-step plan.

🤩 Tweet by Guillermo Rauch, creator of Next.js and CEO of Vercel, featuring my book The Road to React made my day. I hope "The Road to Next" will have a similar impact.

Excited to be here! Reminds me of the early Twitter vibes. Anyone else? 🙃

👀 JavaScript Insight Functions tend to evolve over time, often gaining more logic. What starts as a simple "fetch posts by a user" can quickly turn into "fetch posts by a user with specific search, sort, pagination, and other criteria." To address this, I've started using Options Objects 👇

I created a Bluesky Starter Pack! 🎉 It includes ~75 wonderful people in the web dev community who are doing inspiring work. I know I’ve missed some folks; I plan on adding to it over time. Starter packs are such a great idea. Immediately makes Bluesky feel less lonely for newcomers. 😄

👀 React Insight URL state is often overlooked. I implemented it in most of my freelance projects over the years, and it had always a big impact on the UX. Libraries for URL state give you: 👉 typed search parameters 👉 reading and writing to/from URLs 👉 both simple and complex data types

🔥 React 19: Using a button in a form without any other form fields will become a new* pattern in React. This approach allows you to maintain a component as a Server Component while still performing an operation by clicking the button. *not a new pattern in HTML itself

👀 Next.js 15 & React 19 Server Actions can be used to fetch data in Client Components, but it's not recommended. Drawbacks: ❌ Limited to HTTP POST ❌ Executed Sequentially ❌ ... ? That's why Server Actions are becoming a subset of Server Functions! Eventually they will allow you to fetch data.

🤔 How do you feel about React becoming a full-stack framework? The image below lives rent-free in my head 🙃 Server Components and Server Actions will transform React into a full-stack framework ✨ Personally, I've come to embrace this paradigm shift! #ReactJS https://buff.ly/47JsHZG

🔥 React 19 tip: There are two ways to send extra arguments with Server Actions: 👉 HTML input with type="hidden" 👉 JavaScript .bind() on the server action The latter often requires explanation for non-native JavaScript developers on a team. That's why I prefer the former. #ReactJS

🔥 React 19 When using forms in React 19, there are 3 ways to show a loading spinner without using React's useState Hook 👇 #ReactJS