iiinova — where your digital self keeps evolving

Reposted by Robin Wieruch

dan @danabra.mov · 15/04/2025

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

overreacted.io

JSX Over The Wire — overreacted

Turning your API inside-out.

3028051

Robin Wieruch @rwieruch.bsky.social · 28/01/2025

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

10200

Robin Wieruch @rwieruch.bsky.social · 21/01/2025

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

3130

Robin Wieruch @rwieruch.bsky.social · 14/01/2025

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

081

Robin Wieruch @rwieruch.bsky.social · 02/01/2025

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

0141

Robin Wieruch @rwieruch.bsky.social · 17/12/2024

👀 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.

2120

Robin Wieruch @rwieruch.bsky.social · 03/12/2024

👀 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.

1260

Robin Wieruch @rwieruch.bsky.social · 27/11/2024

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 🚀🚀🚀

040

Robin Wieruch @rwieruch.bsky.social · 25/11/2024

👀 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.

1200

Robin Wieruch @rwieruch.bsky.social · 25/11/2024

Waking up to feedback like this makes my day 🤩

110

Robin Wieruch @rwieruch.bsky.social · 22/11/2024

☄️ 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.

250

Robin Wieruch @rwieruch.bsky.social · 20/11/2024

👀 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.

190

Robin Wieruch @rwieruch.bsky.social · 19/11/2024

🔥 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

road-to-next.com

The Road to Next

Master Full-Stack Web Development with Next.js 15 and React 19

3261

Robin Wieruch @rwieruch.bsky.social · 18/11/2024

👉 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

road-to-next.com

The Road to Next

Master Full-Stack Web Development with Next.js 15 and React 19

060

Robin Wieruch @rwieruch.bsky.social · 14/11/2024

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

2170

Robin Wieruch @rwieruch.bsky.social · 13/11/2024

👀 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.

2172

Robin Wieruch @rwieruch.bsky.social · 12/11/2024

👀 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.

4331

Robin Wieruch @rwieruch.bsky.social · 08/11/2024

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

150

Robin Wieruch @rwieruch.bsky.social · 07/11/2024

👀 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)

1122

Robin Wieruch @rwieruch.bsky.social · 06/11/2024

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

0110

Robin Wieruch @rwieruch.bsky.social · 05/11/2024

👀 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.

1253

Robin Wieruch @rwieruch.bsky.social · 31/10/2024

🤩 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.

160

Robin Wieruch @rwieruch.bsky.social · 30/10/2024

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

090

Robin Wieruch @rwieruch.bsky.social · 29/10/2024

👀 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 👇

181

Reposted by Robin Wieruch

Josh W. Comeau @joshwcomeau.com · 29/10/2024

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. 😄

66487112

Robin Wieruch @rwieruch.bsky.social · 24/10/2024

👀 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

231

Robin Wieruch @rwieruch.bsky.social · 23/10/2024

🔥 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

240

Robin Wieruch @rwieruch.bsky.social · 22/10/2024

👀 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.

130

Robin Wieruch @rwieruch.bsky.social · 01/10/2024

🤔 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 buff.ly/47JsHZG

161

Robin Wieruch @rwieruch.bsky.social · 25/09/2024

🔥 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

130

Robin Wieruch @rwieruch.bsky.social · 28/08/2024

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

0381