Agentic Code Review: Pattern Matching for AI 🔗
How to document project patterns and anti-patterns so AI agents can review code against your team's conventions automatically ... [...]
Robin Wieruch
Posts
Streaming Multiple AI Models in Parallel with React.js and AI SDK 🔗
Build a multi-model chat interface using Next.js and the AI SDK by Vercel ... [...]
Selecting from Multiple Models (LLMs) with AI SDK in React.js 🔗
Build a multi-model chat interface using Next.js and the AI SDK by Vercel ... [...]
Full-Stack React.js Chat with AI SDK 🔗
Build a full-stack React.js AI chat application using the AI SDK by Vercel ... [...]
Full-Stack React.js AI Chat with OpenAI API 🔗
Build a full-stack AI chat app using React.js on Next.js and the OpenAI API ... [...]
Authorization in Next.js 🔗
Learn about authorization in Next.js when using React Server Components, Server Actions, and Next's App Router ... [...]
React Trends in 2025 🔗
React Trends in 2025 which should be on your watchlist. A walkthrough of the state of React ... [...]
Server Actions with Toast (useEffect) 🔗
Learn how to display toast notifications from React Server Actions in React (and Next.js) with useEffect and useActionState ... [...]
Server Actions with Toast (useActionState) 🔗
Learn how to display toast notifications from React Server Actions in React (and Next.js) with useActionState ... [...]
React Server Actions with Toast Feedback 🔗
Learn how to display toast notifications from React Server Actions in React (and Next.js) ... [...]
CLI Chatbot with LangChain and OpenAI in Node.js 🔗
How to: OpenAI in JavaScript with LangChain. A step by step example on how to use the OpenAI API in JavaScript with LangChain ... [...]
How to learn React in 2025 🔗
Learning React in 2025 as a library or framework is not an easy decision. Whether to learn React with Next.js as a framework ... [...]
Simple Interactive CLI App with Node.js 🔗
Learn how to build a simple interactive CLI app with Node.js and TypeScript. Create a chat interface that reads user input and responds interactively [...]
TypeScript in a Node.js Project 🔗
Learn how to set up a TypeScript Node.js project from scratch with this step-by-step guide. Configure TypeScript, install dependencies, manage environ [...]
React Libraries for 2025 🔗
Discover the essential React libraries for 2025! Navigate the vast ecosystem effortlessly with this curated list. Empower your React projects with the [...]
How to start a React Project [2025] 🔗
React starter kits (Vite, Next, Astro, Remix, React Router) which help React developers to start a React project in 2025 ... [...]
LangChain: Streaming Structured Output in JavaScript 🔗
How to: Streaming Structured Output in JavaScript with LangChain. A step by step example on how to stream structured data in JavaScript with LangChain [...]
Monorepos in JavaScript & TypeScript 🔗
A tutorial how to use a monorepo architecture in frontend JavaScript and TypeScript with tools like npm/yarn/pnpm workspaces, Turborepo/NX/Lerna, Git [...]
Vite with TypeScript 🔗
How to upgrade Vite to TypeScript from JavaScript ... [...]
LangChain: Structured Output with JavaScript 🔗
How to: Structured Output in JavaScript with LangChain. A step by step example on how to use structured data in JavaScript with LangChain ... [...]
LangChain: Streaming in JavaScript with React.js & Next.js 🔗
How to: Streaming in JavaScript with LangChain. A step by step example on how to stream data in JavaScript with LangChain ... [...]
LangChain: OpenAI in JavaScript with React.js & Next.js 🔗
How to: OpenAI in JavaScript with LangChain. A step by step example on how to use the OpenAI API in JavaScript with LangChain ... [...]
React Folder Structure in 5 Steps [2025] 🔗
React Folder Structure in 2025 for large React projects. The guide walks you through a file structure from small to large project ... [...]
Mac Setup for Web Development [2025] 🔗
How I set up my new M1 MacBook Pro as a web developer in 2025 for web development ... [...]
React Router 7: Search Params (alias Query Params) 🔗
How to: Search Params in React Router 7. A example on Search Params (also called Query Params) with React Router ... [...]
React Router 7: Descendant Routes 🔗
How to: Descendant Routes in React Router 7. A step by step example on Descendant Routes with React Router ... [...]
React Router 7: Nested Routes 🔗
How to: Nested Routes in React Router 7. A step by step example on Nested Routes with React Router ... [...]
React Router 7 Lazy Loading 🔗
How to: React Router 7 Lazy Loading: code-splitting at route level helps you lazy-load just the things that are needed by the user, which dramatically [...]
React Router 7: Authentication 🔗
You will learn how to use authentication in React Router 7 by authenticating a user by login (sign in) and logout (sign out) ... [...]
React Router 7: Example 🔗
A brief React Router 7 example to get you started ... [...]
React Router 7: Redirect 🔗
How to: Redirect in React Router 7 by using the declarative Navigate component or the programmatic useNavigate Hook ... [...]
React Router 7: Private Routes (alias Protected Routes) 🔗
How to use Private Routes in React Router 7 (alias Protected Routes) by using conditions (e.g. authentication, permissions, roles) to authorize users [...]
React Router 7 Tutorial 🔗
React Router 7 tutorial: setup, hooks, nested routes, dynamic routes, programmatic navigation, active links, layout routes, index routes and more. A s [...]
React Function Components 🔗
Everything you need to know about React Function Components, also known as React Functional Components. Here you will learn React Function Components [...]
React Form Validation 🔗
How to validate forms in React without a form library on the server and the client ... [...]
React Tech Stack [2025] 🔗
Popular React Tech Stack for Full-Stack Applications in 2025 to create your product (i.e. SaaS) ... [...]
React Data Fetching Patterns 🔗
Data fetching patterns for React components across Client and Server Components ... [...]
Feature-Based React Architecture 🔗
How Database Relations inform React Components and how Component Composition is the solution to the problem ... [...]
Feature-based React Architecture 🔗
How to create a feature-based React architecture that allows large scale applications ... [...]
React and FormData 🔗
Learn how to handle FormData in React when submitting it with a (Server) Action to the server ... [...]
Freelance Web Developer: Charge by Time, not Value 🔗
Freelance Developers have to rate their services by time or by value. Here I, as a freelance React developer, want to argue in favor of charging by ti [...]
How to (not) reset a form after a Server Action in React 🔗
Learn how not to reset a form after a erroneous server action in React. In other words, how to opt-out of the default form reset behavior in React ... [...]
Authentication in JavaScript & TypeScript 🔗
Learn how to roll your own authentication in JavaScript & TypeScript ... [...]
Authentication in Next.js 🔗
Learn how to roll your own authentication in Next.js ... [...]
How to fetch data with React Hooks 🔗
Learn the fundamentals about data fetching in client-side React with React Hooks ... [...]
How to Drag and Drop in React 🔗
A tutorial about using Drag and Drop in React by example for a vertical list (later horizontal list) with @hello-pangea/dnd as DnD library ... [...]
How to create a React Dropdown 🔗
How create a React Dropdown component by example. The HTML select element displays a menu ... [...]
Types of React Components [2024] 🔗
There are many types of React Components that make it difficult for React beginners. This tutorial goes through each React Component Type by example . [...]
How to fetch data in React [2024] 🔗
There are different ways to fetch data in React from a remote API. In this guide we want to explore all the options available for data fetching in Rea [...]