How to build a Weather App (Explained Step-by-Step) | Learn React JS for Beginners

#learn #react #weatherapp #programmer

In this video, I will show you how to build a weather app, explained step-by-step using React. We will build this app using React JS. If you are new to programming or want to learn React JS, this video is good for you as I will teach you the essential concepts you need to learn to start programming in React. Some of the concepts I'll talk about will be:
- Render function
- React state
- Functional components
- Class components
- Child components
- Parent components
- Data communication between components
- Understanding react default setup
- Making requests using Axios
- Understanding package.json file and package installation
- Using props in child components
- Using env variables in React

There is a similar end version of this app I had previously developed if you are interested in checking the repo:
https://github.com/arealesramirez/wea...

TABLE OF CONTENTS
02:00 - Intro to Components
04:10 - Install create-react-app and create Weather App project
07:46 - Brief explanation of React App setup
10:50 - Working with sass files/ Install Node Sass
14:45 - Create Search Bar Component
31:30 - Make Requests to OpenWeatherApi
52:50 - Create Current Weather Component
1:14:45 - Forecast Component
1:45:45 - Styling the App

Visit my website for more blogs, tutorials, and announcements about software development!
👉https://becomebetterprogrammer.com/

SUBSCRIBE to the Channel!
👉   / @becomeabetterprogrammer3613  

Connect with me:
✅ LinkedIn -   / andresreales  
✅ Website - https://becomebetterprogrammer.com/
✅ Twitter -   / bbprogrammer  
✅ Instagram -   / becomebetterprogrammer  
✅ Facebook -   / becomebetterprogrammer  


Who started Become a Better Programmer? My name is Andrés Reales and I started Become a Better Programmer with the main thought of helping people with or without any coding experience to succeed in their programmer career.