Robin Wieruch
@rwieruch.bsky.social
React & Next.js • JavaScript & TypeScript • Freelance Full-Stack Web Developer • Technical Co-Founder • Father of 2 • GitHub Star
Reposted by Robin Wieruch
⚛️📝 New on Overreacted: JSX Over The Wire overreacted.io/jsx-over-the...
JSX Over The Wire — overreacted
Turning your API inside-out.
overreacted.io
April 15, 2025 at 3:54 PM
⚛️📝 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.
👇 Creating and receiving Structured Output from AI responses for a chatbot with OpenAI + LangChain in a React application.
January 28, 2025 at 4:58 PM
👀 React + AI
👇 Creating and receiving Structured Output from AI responses for a chatbot with OpenAI + LangChain in a React application.
👇 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.
👇 HTTP streaming AI responses for a chatbot with OpenAI + LangChain in a React application.
January 21, 2025 at 4:58 PM
👀 React + AI
👇 HTTP streaming AI responses for a chatbot with OpenAI + LangChain in a React application.
👇 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.
👇 MVP for creating a chatbot with OpenAI + LangChain in a React application.
January 14, 2025 at 4:58 PM
👀 React + AI
👇 MVP for creating a chatbot with OpenAI + LangChain in a React application.
👇 MVP for creating a chatbot with OpenAI + LangChain in a React application.
Reposted by Robin Wieruch
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...
@rwieruch.bsky.social, thanks for sharing your knowledge.
www.robinwieruch.de/web-applicat...
Web Applications 101
Everything you need to know about web applications in modern web development. You will learn about traditional websites, full-stack web applications, client-side and server-side rendering/routing, sin...
www.robinwieruch.de
January 8, 2025 at 6:20 PM
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...
@rwieruch.bsky.social, thanks for sharing your knowledge.
www.robinwieruch.de/web-applicat...
Reposted by Robin Wieruch
🌠 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)
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)
2024 JavaScript Rising Stars
A complete overview of the JavaScript landscape in 2024: trends about frontend, fullstack and Node.js frameworks, React and Vue.js ecosystems, build tools, state management...
risingstars.js.org
January 7, 2025 at 12:52 AM
🌠 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)
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.
The function signatures of server actions adapt depending on how they are used within a React form.
January 2, 2025 at 4:58 PM
👀 React 19 Insight
The function signatures of server actions adapt depending on how they are used within a React form.
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.
How to approach server-side form validation with server-driven React while also being able to optionally add client-side form validation later.
December 17, 2024 at 4:58 PM
👀 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.
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 Tech Stack [2025]
Popular React Tech Stack for Full-Stack Applications in 2025 to create your product (i.e. SaaS) ...
www.robinwieruch.de
December 10, 2024 at 4:58 PM
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.
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.
December 3, 2024 at 4:58 PM
👀 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.
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 🚀🚀🚀
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 🚀🚀🚀
🔥 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
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
The Road to Next
Master Full-Stack Web Development with Next.js 15 and React 19
www.road-to-next.com
November 27, 2024 at 4:17 PM
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 🚀🚀🚀
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.
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.
November 25, 2024 at 4:58 PM
👀 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.
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 🤩
November 25, 2024 at 2:21 PM
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.
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.
🔥 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
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
The Road to Next
Master Full-Stack Web Development with Next.js 15 and React 19
www.road-to-next.com
November 22, 2024 at 10:05 AM
☄️ 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.
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 🫠
November 21, 2024 at 4:58 PM
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.
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.
November 20, 2024 at 5:03 PM
👀 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.
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
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
The Road to Next
Master Full-Stack Web Development with Next.js 15 and React 19
www.road-to-next.com
November 19, 2024 at 4:05 PM
🔥 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
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
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
The Road to Next
Master Full-Stack Web Development with Next.js 15 and React 19
www.road-to-next.com
November 18, 2024 at 5:10 PM
👉 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
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?
November 14, 2024 at 4:58 PM
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.
Dealing with FormData will become inevitable in React 19. From extracting the data in a concise yet descriptive way to validating and typing it.
November 13, 2024 at 4:58 PM
👀 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.
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.
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.
November 12, 2024 at 4:58 PM
👀 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.
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!
November 8, 2024 at 8:24 PM
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)
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)
November 7, 2024 at 4:58 PM
👀 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)
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.
JS .bind() is becoming popular again! What ended with Class Components in React reclaims its spotlight with Server Actions once more.
November 6, 2024 at 4:58 PM
👀 React 19 Observation
JS .bind() is becoming popular again! What ended with Class Components in React reclaims its spotlight with Server Actions once more.
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.
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.
November 5, 2024 at 4:58 PM
👀 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.
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.