Learn the basics of React Hooks and create a Weather App

Explore the useEffect hook for side effects in function components, replacing componentDidMount and componentDidUpdate, and manage cleanup while updating the document title based on the isOn state.

Learn how useEffect uses cleanup functions to prevent memory leaks and manage timers. Understand how dependency arrays control mount, unmount, and re-runs with state changes.

Learn to fetch data with React hooks by building a functional component that fetches a user list with useEffect, manages loading and error states, and renders items with keys.

Create a reusable custom hook useFetch to centralize data fetching across components, returning data, error, and isLoading, eliminating duplicate fetch logic, preparing your weather app.

Set up a React weather app project with create-react-app, fetch five days of data from OpenWeatherMap using metric units and an API key.

Build a city selector component with a Bootstrap container, including a form control input and button, using React hooks to manage city state and pass city on select button click.

Extend the useFetch hook to fetch weather data for a user-specified city by wiring a url state, triggering fetch on button click, and exposing data, error, and loading status.

Create a weather list component that maps a weathers array into bootstrap columns, passes min and max temperatures, date, and first weather description and icon to weather cards.

Refine the weather app by implementing a loading state, robust error handling, and content rendering with functional components and React hooks, including city not found feedback and real-time data fetching.

Learn the basics of React hooks and build a weather app. Explore the official website, view the GitHub source code, and leave a review.