Part one: serverless real-time ReactJS app — AWS IoT MQTT

Let’s learn how to leverage AWS IoT MQTT to build a real-time ReactJS application 🔥

This article is part of a series:

• Part one — Creating an MVP
• Part two — Learning to automate

GitHub Repository: https://github.com/serverless-guru/real-time-weather

In this article, we are going to learn how to hook up AWS IoT MQTT with a ReactJS frontend. Giving our ReactJS application real-time communication where every device will instantly* be updated when a new message is published to our MQTT topic.

• Overview of AWS IoT
• AWS Setup
• Building the ReactJS app
• Extending the backend

Alright, let’s get into it.

Overview of AWS IoT

When we hear IoT we may first imagine a smart toaster or a talking coffee pot. However, with the same set of tools companies like Bayer Crop Science are doing real-time crop data analysis or iRobot the creator of Roomba is able to handle real-time data ingestion using a combination of Kinesis and other supporting services seen below.