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
Articles about React, Next.js, TypeScript, JavaScript, and web development.
Latest 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 utilities ...
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 environment variables, and streamline development with tsx ...
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 Submodules, ...
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 improves the performance ...
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 for guarded pages ...
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 step by step React tutorial for beginners ...
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 for modern React.
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 ...
On being a Freelance Full-Stack Developer
...
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 time ...
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 ...