Let’s build an app with micro frontends together

In this article, I will walk you through how to implement a micro frontends app with single-spa and module federation in Webpack.

Example Repository

Here is the final codebase on GitHub:

Contents

Micro Frontends

Micro frontends have been around since 2016 in front end…

Integrate statically typed APIs with GraphQL

This post will walk you through how to implement GraphQL server using ent, and gqlgen.

Example Repo

Here is the reference for the final codebase:

Dependencies

Required dependencies are as follows:

What is Ent?

ent is an ORM framework for Go, that makes it easy to maintain applications with database and…

Rendering with good performance

Pencil on envelope

In this article, I will walk you through how to implement list items without unnecessary re-rendering using Recoil.

Example Repo

Here is the reference for the final code base:

Set Up React App

To quickly start, we use create-react-app to set up the React app:

npx create-react-app reg-suit-app --template typescript

After installation, run the dev server…

Implement a real-time application with GraphQL Subscriptions and Go

The words “GraphQL subscriptions with Go” on an abstract background

In this article, I will walk you through how to implement GraphQL subscriptions with Go.

Dependencies

Required dependencies are as follows:

Server side

Frontend side

GraphQL Subscriptions

GraphQL subscriptions enable you to fetch data periodically without polling from clients. …

A simple tutorial to achieve real-time communication in your web apps

Image of city with title of article on it.

This post will walk you through how to implement WebSocket using Go and React.

Dependencies

Required dependencies are as follows:

Set up an API Server

First, we will make an API server with the echo package.

Add the following code to main.go:

It will respond to Hello, World! at http://localhost:8080, like so:

A guide to running parallel tests with Jest and CircleCI

Colorful sky

This article will walk you through how to do test splitting with CircleCI and how to reduce the testing time in your app. It will also detail how to split frontend tests to improve the DX.

Here’s the final code base on GitHub:

Set Up React App

To quickly start, we will use the…

Introducing Managed federation

In the previous post, I introduced how to implement Apollo Federation in the Go application.

In this post, I will walk you through the Managed federation feature in Apollo Federation.

Example Repository

Here’s the final codebase on GitHub. main branch is a version of part-1. part-2 branch is used in this post.

Contents

Better GraphQL with Apollo in Go

The words “Apollo Federation in Go” against a background of a starry night sky

In this article, I will walk you through how to implement Apollo Federation in Go, with a simple example. Here’s the final code base on GitHub:

What Is Apollo Federation?

Apollo Federation is a technology that allows you to compose multiple GraphQL services into a unified data graph.

Apollo Federation can expose one graph…

Manato Kuroda

Web Developer, TypeScript, React, React Native, Vue.js, Go, Swift, and Ruby on Rails https://manatoworks.me/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store