In this tutorial, we continue the step-by-step guide for creating a weather app using React and TypeScript, including methods to stylize the completed build.

Introduction

In this tutorial, we continue the step-by-step guide for creating a weather app using React and TypeScript.

---

Welcome back to this tutorial on using React and TypeScript to build client-side web apps. In Part 1 we covered:

• Boot-strapping an app with create-react-app
• Using React with TypeScript
• React Hooks

In this post we will complete the tutorial by:

• Integrating the  Open Weather API
• Using asynchronous communication
• Applying more hooks

You can find the code on  GitHub.

Step 4: Integrate Open Weather API for Search

To get real weather data we will need to talk to a service. For this tutorial we’ll use the  Open Weather service. The service is  free but you will need to register and create a key to use the service and authenticate all  API requests.

#react #typescript #scss #typescript tutorial