Morioh
Login
Lawrence Lesch

Lawrence Lesch

3 years ago

In this tutorial I’ll take you step by step through creating a weather app using React and TypeScript.

In this tutorial, I’ll take you step-by-step through creating a weather app using React and TypeScript.

React Tutorial - Build a Weather App from Scratch - Part 1

This tutorial provides a complete introduction to using React and TypeScript to build a client-side web app. We’ll create a simple Weather App that allows you to search for locations and displays its current weather and 24-hour forecast. Along the way, you’ll learn:

  • Boot-strapping an app with create-react-app
  • Using React with TypeScript
  • React Hooks
  • Async Communication to the  Open Weather API
  • Basic Styling

You can find the code on  GitHub. The tutorial is broken up into six steps spread over two blog posts and the code repository contains the end result of each step in its own folder for easy comparison.

If you want a good introduction to React, then follow along and try to implement this app for yourself. Also check out what we cover in our full  React course.

Requirements

  • Node.js
  • An editor
  • Basic familiarity with using the terminal

#tutorial #react #typescript #beginner #javascipt

React Tutorial: Build a Weather App From Scratch, Part 1

dzone.com

React Tutorial: Build a Weather App From Scratch, Part 1

React Tutorial: Build a Weather App From Scratch, Part 1. In this tutorial I'll take you step by step through creating a weather app using React and TypeScript. This tutorial provides a complete introduction to using React and TypeScript to build a client-side web app.

2.20 GEEK