Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

React JS Tutorial – Build a Weather App With Cities Autocomplete

via freeCodeCamp

Start learning Write review
Boot.dev Ad

Learn Backend Development Part-Time, Online

Learn More → Babbel Ad

You’re only 3 weeks away from a new language

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This tutorial guides learners through building a React weather application, including package setup, city autocomplete, weather API data fetching and mapping, current conditions, and forecasts.

Syllabus

) Intro.
) How to get API keys.
) Creating the application and installing packages.
) Building city search component.
) Building current weather component.
) Fetching and mapping data from weather API.
) Building weather forecast component.
) Outro.

Taught by

freeCodeCamp.org

Reviews

3.0 rating, based on 2 Class Central reviews

Start your review of React JS Tutorial – Build a Weather App With Cities Autocomplete

  • Profile image for Quevedo Roberto
    Quevedo Roberto
    I recently completed the 'Tutorial de React JS: React JS Tutorial – Build a Weather App With Cities Autocomplete
    via freeCodeCamp on freeCodeCamp and highly recommend it! This hands-on course teaches you how to build a weather app with city autocomplete using React JS. The tutorial is well-structured, easy to follow, and covers essential concepts like state management, API integration, and component lifecycle. The project is engaging and practical, making it perfect for learners of all levels. With this course, you'll gain valuable skills in React JS and build a portfolio-worthy project. 5/5 stars!"
  • Profile image for Nathan Hester
    Nathan Hester @tornadonathan
    I was a little confused with this and it seems to be getting better as the course goes on. Just wasn't interested because I was frustrated
Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.