Build a mini weather web with React - 0x01

,

This series of blog posts will walk you through the process of creating an engaging weather web app using React. While it won’t delve into every intricate detail, it will cover the essential aspects of this project.

In this first post, it will introduce how to set up the development environment and create a React app.

  • Install node via homebrew

    1
    brew install node

  • According to the official docs recommendation, use create-next-app command (Next.js is a React framework that is designed for building server-rendered and statically-generated web applications.) to create a new react project

    1
    npx create-next-app

    Figure 1

  • Start development server

    1
    cd react-weather & npm run dev

    Figure 1

  • The development server will listen on port 3000 by default, open browser and visit http://localhost:3000 to check it out.

    Figure 1

Cool, The react app start successfully, happy hacking. See you in following posts.

View full code base of the weather app via my github: react-weather