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…
Rendering with good performance
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 typescriptAfter installation, run the dev server…
Implement a real-time application with GraphQL Subscriptions and Go
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
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
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…
Introduce automatic visual testing for your UI
In this post, I will show you how to do visual testing using reg-suit.
Your app could have countless different states in components and layouts. Then it will be tough to find every UI change and you will lose track of how they are supposed to look.
To avoid that…
Automatically install missing typings
In this article, I will walk you through how to automate the installation of TypeScript typings in a package.json.
TypeSync
TypeSync is a tool that allows you to install missing TypeScript typings.
When you execute the command, it will automatically add a typing package in the package.json, like so:
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
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…
Introducing cross-browser testing, built on GitHub Actions
TestCafe is an automatic E2E testing tool based on Node.js and supports a cross-browser platform.
In this article, I will show you how to do cross-browser testing with TestCafe on GitHub Actions.
Example Repository
Here’s the final codebase on GitHub:
Contents
Manato Kuroda
Web Developer, TypeScript, React, React Native, Vue.js, Go, Swift, and Ruby on Rails https://manatoworks.me/
