When you create a prototype, speed and money is super important. You need to show it to user as soon as possible with low cost.

Next.js is one of the popular frontend framework which has static generation and server side rendering with simple lambda api. Because it is easy to setup but still very flexible, it’s one of the best candidates of frontend prototype.

On the other hand, Google Cloud Run is a serverless container platform. Because it’s serverless, you don’t have to maintain infrastructure and it’s very cheap at the beginning. …


Everyone knows writing tests is super important for software development. It enables us to change codes more speedy with less bugs.

When it comes to frontend, React Testing Library is becoming popular because it’s easier to test React hooks compared with enzyme. However, because Material UI (MUI) styled component use HOC (Higher Order Component), setup is bit complicated. So this article explains how to setup React Testing Library for Material UI styled component with TypeScript.

If you would like to know other topics of React Testing Library, please refer the articles below.


Implement the Basic AAA testing pattern today!

Everyone knows writing tests is super important for software development. It enables us to change codes more speedy with less bugs.

When it comes to frontend, React Testing Library is becoming popular because it’s easier to test React hooks compared with enzyme. However, the way to create tests is completely different. So this article explains how to write the basic AAA pattern tests with React Testing Library and TypeScript.

If you would like to know other topics of React Testing Library, please refer the articles below.


Form validation is one of the most complex topic that many frontend engineers face. Although it’s not super difficult to implement it, it’s difficult to organize validation logics.

With Vue, you have two main choices, template based validation with vee-validate or model based validation with vuelidate. Both of them are awesome library. vee-validate is very simple and can be quick solution. vuelidate has more flexibility.

On the other hand, thanks to Vue core team members, Vue 3.0 is being released. One of the breaking change of Vue 3.0 is composition api. …


Learn webpack bundle config step by step

With create-react-app, you can properly and super easily setup a React TypeScript project. But what if you predict your application becomes big? You would face many problems. For example, you need multiple entry points, you have some node_modules which need to be transpiled to ES5.

In such situation, it’s better to walk with webpack and Babel from the beginning. I know they are something that software engineers don’t want to touch because it’s not application code. It’s just a bundle config. On the other hand, if you understand it, it means that you acquired one more skill !

So let’s…


Creating an IoT service is very exciting. You can visualize and analyze many things around you.

One of the difficulty of creating IoT service is creating data stream. Because AWS IoT service is very simple, you can easily setup from AWS console. But if you can setup with only one command, it’s awesome.

For infrastructure setup, you have some choices such as Terraform, CloudFormation, SAM, Serverless. In terms of cost, serverless design is better. For serverless design, Serverless framework has strength.

So this article explains how to create data stream with Serverless framework.

Architecture

As I mentioned above, the system architecture…


Because of network quality and device miniaturization, IoT has been in the news lately. In addition, major clouds, such as AWS, GCP and Azure provides many functions that enables user to create an IoT service.

However, some users do not have enough experience on connection between device and cloud because they have more focused on device and cloud. So this article explains how to connect device and cloud especially, Arduino with ESP8266 (EPS32) and AWS IoT.

Overview


Terraform is a tool for Infrastructure as Code (IaC). Terraform codes provision, change, manage infrastructure.

With Terraform, you can get some merits.

  • Speed: Deploy infrastructure very quickly
  • Reproducibility: Get same infrastructure easily
  • Precision: Manage infrastructure with less mistakes

On the other hand, you need to maintain Terraform codes for a long time. If someone changes infrastructure from console or cli, Terraform codes must follow it.

Because I migrated Database from RDS MySQL to RDS Amazon Aurora by console, I would like to share what I did.

Changed Resources

The basic architecture is as below. After migrating, MySQL is changed to Amazon Aurora…


Everyone knows writing tests is super important for software development. It enables us to change codes more speedy with less bugs.

When it comes to frontend, React Testing Library is becoming popular because it’s easier to test React hooks compared with enzyme. However, there is not enough articles explaining it with TypeScript.

So this guide focuses on how to write tests in TypeScript with React Testing Library .

If you would like to know other topics of React Testing Library, please refer the articles below.

Toru Eguchi

I am a full-stack engineer. I have strength on React, Vue, Express, Rails (JS, TS, Ruby). Before that, I was an infrastructure engineer of AWS and GCP.

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