Agentic Coding: Bet on the Primitives 🔗
Agentic coding collapses the cost of implementation labor. Why the rational bet is moving from high-level libraries back to primitives you own. [...]
Robin Wieruch
Posts
Resource Names for Enterprise TypeScript Monorepos 🔗
How to bring consistency to multi-service TypeScript applications by treating resource names and resource types as first-class concepts with shared ut [...]
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 ... [...]
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 2026 🔗
A curated list of React libraries for 2026 with recommendations for state, data fetching, routing, styling, UI, forms, testing, auth, and hosting. [...]
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 Best Practices [2026] 🔗
From a single file to feature folders and a production monorepo: how to structure React projects with files, technical folders, and clean boundaries. [...]
Mac Setup for Web Development [2026] 🔗
My complete Mac setup for web development in 2026: macOS preferences, Homebrew, iTerm2, Oh My Zsh, VS Code, Git, SSH, and Node.js with NVM. [...]
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 by Example [2026] 🔗
Learn React Function Components (also called Functional Components) by example: props, state with Hooks, event handlers, refs, TypeScript, and more fo [...]
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 ... [...]