MCQs on our Weather App

MCQs on our Weather App

MCQs on our Weather App

1. Which React Hook lets you store and update state in functional components?
a. useEffect
b. useReducer
c. useState
d. useContext

2. What is the purpose of the useEffect hook in the TimeDisplay component?
a. Handle user input
b. Perform side-effects like setting intervals
c. Add CSS styles
d. None of the above

3. What happens if the city entered is not found?
a. App crashes
b. Nothing happens
c. A default city is shown
d. An error message is displayed

4. Why do we include setLoading(true) and setLoading(false) in handleSearch?
a. To show a loading spinner or message during fetch
b. To prevent React errors
c. To avoid rendering
d. To style the app

5. What is the primary role of SearchBar.js?
a. Display the temperature
b. Render the weather card
c. Accept user input and pass it to the parent
d. Call the weather API directly

Answer Key:

Question	Answer	Explanation
Q1	a	useState is a React Hook that lets you add state to functional components. It returns an array with two elements: the state and the function to update it.
Q2	b	getWeatherByCity is an async function, so await is necessary to pause execution until it returns the fetched weather data.
Q3	c	The condition {weatherData && <WeatherCard data={weatherData} />} ensures the component renders only when weatherData has a truthy value.
Q4	c	The onSearch prop in SearchBar is a function, which is invoked in SearchBar using onSearch(city) when the user submits a city.
Q5	b	The footer uses an anchor tag (<a>) to link to GUVI's website and includes attributes target="_blank" and rel="noreferrer" for safe new-tab behavior.

Recommended Handbooks

4.7

C++ Handbook

Level up your programming skills with our C++ Tutorials hub, guiding you from beginner to advanced. Start your journey now!

English

5966

3 hrs

4.7

Python Basics Handbook

Level up your programming skills with our Python Tutorials hub, guiding you from beginner to advanced. Start your journey now!

English

6078

3.5 hrs

4.6

Javascript Handbook

Level up your programming skills with our JavaScript Tutorials hub, guiding you from beginner to advanced. Start your journey now!

English

5752

2 hrs

Build Your Stopwatch Using ReactJS

Start your first project in React JS by building an interactive stopwatch application.

English

2 hrs

Building a Random Joke Generator Using ReactJS

Build a React app that fetches and displays random programming jokes using JokeAPI. Simple, fun, and perfect for beginners learning API calls and state management.

English

0.5 hrs

Build a Character Counter in React JS

Start your first project in React JS by building an interactive character counter application.

English

1.5 hrs

Build Your QR Code Generator using React JS

Start your first project in React JS by building a dynamic QR generator application.

English

2 hrs

Build a Birthday Reminder App using React JS

Start your first project in React JS by building a dynamic Birthday Reminder app that uses components and state to manage and display a list of birthdays.

English

1.5 hrs

Building Random Password Generator using ReactJS

A React-based app to generate strong, customizable passwords with copy-to-clipboard support. Live and responsive via Netlify.

English

0.5 hrs

Temperature Converter Project in React

A beginner-friendly React app that converts temperatures between Celsius, Fahrenheit, and Kelvin with real-time results and clean CSS styling. Live on Netlify.

English

0.5 hrs

Building a To-Do List App Using ReactJS

Build a React To-Do List App that lets users add, edit, complete, and delete tasks in real-time. Clean UI, no backend, and perfect for mastering React basics.

English

0.5 hrs

Building a Quiz App in ReactJS

Build a React Quiz App with category selection, random questions, and a live scorecard. Clean UI, no backend, and perfect for mastering React fundamentals.

English

0.5 hrs

Building a GenZ Carousel App in React

Build a Gen-Z Image Carousel App with uploads, animated slides, and thumbnail navigation. No backend needed—perfect for learning React, hooks, and styling basics.

English

0.5 hrs

ReactJS Projects

Learn ReactJS by building projects that mirror real-world applications. Strengthen your skills with step-by-step guidance and hands-on coding experience.

English

2 hrs

MCQs on our Weather App

Contents