Let’s build an app with micro frontends together

Image by Author

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

Pencil on envelope
Photo by Jen Theodore on Unsplash.

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


Implement a real-time application with GraphQL Subscriptions and Go

The words “GraphQL subscriptions with Go” on an abstract background
Photo by israel palacio on Unsplash , Altered by Author

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.
Photo by Manson Yim on Unsplash , Altered by Author

Dependencies

Required dependencies are as follows:

Set up an API Server

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


A guide to running parallel tests with Jest and CircleCI

Colorful sky
Photo by Kristopher Roller on Unsplash.

Set Up React App

To quickly start, we will use the…


Introduce automatic visual testing for your UI


Automatically install missing typings

Photo by Kyaw Tun on Unsplash

TypeSync

TypeSync is a tool that allows you to install missing TypeScript typings.


Introducing Managed 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
Image credit: Author

What Is Apollo Federation?

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


Introducing cross-browser testing, built on GitHub Actions

Photo by Michał Parzuchowski on Unsplash

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/

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