Read the latest

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

In this detailed live coding session, we walk through building a Trello-style project management board from scratch using React, TypeScript, and Tailwind CSS. The end result is an interactive drag and drop board for organizing tasks into different workflow stages.'

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

The React documentation has undergone a major update. As part of this update, there's no more mention of Create React App. Instead, you should use a framework like Next.js or Remix. But what if you don't want to use a framework? What if you want to use React with a simple build tool? In this article, I will explain why Vite is the better Create React App alternative.'

GraphQL IDEs: GraphiQL vs Altair

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.

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

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.

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.