Traditional API architectures like SOAP and REST have been powering the web for a long time. But over the past five years, a change towards a more flexible and frontend-driven approach to API protocols has started, using GraphQL. At StepZen, we believe this change is an important one that will…

This tutorial will show how to create a type-safe React application with TypeScript using the Saleor GraphQL API. Also, some basic styling will be added to this application using Bootstrap. Introduction This tutorial will show how to create a type-safe React application with TypeScript using the Saleor GraphQL API. …

There are many different ways to handle authentication in GraphQL, but one of the most common is to use OAuth 2.0 — and, more specifically, JSON Web Tokens (JWT) or Client Credentials. In this blog post, we’ll look at how to use OAuth 2.0 to authenticate GraphQL APIs using two…

Can you learn React in five minutes? Well, it depends on what you mean by “learn React”. In this blog post you will “learn the basics of React” in five minutes, by going over a few of the core concepts of React. Click the image below to watch the YouTube…

This blog post will teach you 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 class names to apply styles to HTML elements. Click the image below to watch the YouTube video version of…

This blog post will guide you through the process of creating a new single-page React application from the ground up. We will begin by setting up a new project using Webpack and Babel. Building a React project from scratch will give you a strong foundation and understanding of the fundamental…

GraphQL has changed how developers interact with data in their applications and has often been called the successor to REST. REST APIs have been the standard for a long time but lack certain features to make consuming them easy. GraphQL on the other is hand was created to make the…

GraphiQL is a popular tool for GraphQL developers. It is a web-based IDE for GraphQL that lets you explore a GraphQL API. It’s a great tool for developers to test their GraphQL queries and mutations, and find out what the schema of a GraphQL API looks like. …

Do you want to get up and running quickly with modern web applications but don’t have the time or knowledge to navigate complex configurations? With Next.js, you can set up zero config TypeScript applications to build modern and performant web apps using this open-source JavaScript framework. With this blog post…