AI & software development

Why compression should be part of your agent harness

How you can use deterministic filtering, grouping, and formatting to reduce agent context, then use semantic compression and prompt rewrites separately. Practical examples from RTK, Caveman, and Ponytail.

Tool calling is broken without MCP Server Composition

Most agents fail not at reasoning, but at picking and using the right tools. This post explains how Model Context Protocol (MCP) server composition fixes that with four practical patterns.

Stop Converting OpenAPI Specs Into MCP Servers

Converting your existing OpenAPI specification into an MCP Server

An LLM does not need to understand MCP

Model Context Protocol (MCP) has became the standard for tool calling when building agents, but contrary to popular belief your LLM does not need to understand MCP.

Build & Test a Model Context Protocol (MCP) Server with TypeScript and MCP Inspector

In this tutorial, we’ll show you how to build and test a Model Context Protocol (MCP) server using TypeScript, with the help of LLMs and the MCP Inspector.

Build Your First MCP Server with TypeScript

Learn how to set up your first MCP server with TypeScript. This step-by-step guide walks you through the basics of the Model Context Protocol and how to connect AI agents to your tools and data.

Build AI Applications With LangChain, JavaScript, and React

Coding tutorial showing how to use LangChainJS to build AI applications with JavaScript and React. We code a ChatGPT clone from scratch with Vite and OpenAI models.

Building a Project Management Board with React, TypeScript and Tailwind CSS

Build a Trello-style project board with React, TypeScript, Vite, and Tailwind CSS, including components, state, and drag-and-drop interactions.

Do I Need GraphQL Now that We Have React Server Components?

GraphQL and React Server Components have been hot topics in the React community, especially in recent months. With the release of Next.js for the theme, the debate around the need for GraphQL has resurfaced. Developers can now query databases directly from their React components, which raises the question: do we still need GraphQL?

Vite is the better Create React App alternative

Explore Vite as an alternative to Create React App, with a look at development speed, configuration, and setting up a React project.

GraphQL IDEs: GraphiQL vs Altair

Compare GraphiQL and Altair for exploring and testing GraphQL APIs, including documentation, query history, subscriptions, and file uploads.

React Router 6 Basics

React Router is still the most popular routing library for React. In this blog post, we will explore the basics of React Router 6, including how to bootstrap React Router 6, create layouts and pass arguments to routes.

Learn React in 5 minutes

Learn the basics of React in five minutes: components, props, one-way data flow, and state, with JavaScript examples and a companion video.

Bootstrap Is The Easiest Way To Style React Apps in 2023

Let's learn how to use Bootstrap 5 to style a React application. With Bootstrap you don't have to write any stying rules yourself. Instead you can use classnames to apply styles to HTML elements.

Create a React Project From Scratch Without any Framework

This blog post will show you how to create a new single-page React application from scratch with Webpack and Babel, giving you a strong foundation for any project you may undertake before using a framework like Next.js or Remix.

Why Do Developers Love GraphQL?

GraphQL has changed how developers interact with data in their applications and has often been called the successor to REST. But why do developers love GraphQL so much? In this blog post, I will give you three reasons why!

Exploring GraphiQL 2 Updates and New Features

GraphiQL is a popular tool for GraphQL developers. But for many years, GraphiQL has not had a UI update. Since a few months, GraphiQL 2 is here and in this video I will explore the new features of GraphiQL 2 and show you how to use them.

Zero Config TypeScript Applications with Next.js

The simplest way to set up a React TypeScript project from scratch is by using Next.js. In this blog post we will explore how to use Next.js for your next project and how you have to write zero configuration to use it with TypeScript.

Apollo Server v4 Breaking Changes. Time to move away?

Apollo Server has been the go-to JavaScript library for building GraphQL servers. Many breaking changes were announced for the latest Apollo Server v4, along with an EOL for Apollo Server v2 and v3 as early as October 2023. In this article, I will explain the breaking changes and why it might be time to move away from Apollo Server.

Can you compare GraphQL and tRPC?

There have been many discussions on Twitter around "GraphQL versus tRPC" for building a modern backend for your application. As a developer working with GraphQL in the past years, this triggered me to compare the two and see what they are both excellent at (and what they are not).

Setting up Your First React TypeScript Project From Scratch

This post is a complete overview of how to start a React TypeScript project from scratch. It discusses the necessary libraries and considerations for setting up the environment, creating a basic project structure and running the application.