Sign up
Sign up
Still Confused?
Affiliate IconRequest a Callback

MCQs

MCQs on Our To-Do List App

Let’s quickly test what you’ve understood with some simple MCQs. Answers are at the end.

1. Which React Hook is used to create and update component state?

a. useEffect
b. useState
c. useProps
d. useReducer

2. What does the virtual DOM do in React?

a. Replaces the real DOM entirely
b. Forces full page reload
c. Updates only changed parts of the UI efficiently
d. Fetches backend data

3. What happens when the Add button is clicked with empty input?

a. It crashes the app
b. It adds an empty task
c. It alerts the user
d. It does nothing

4. What method is used to remove a to-do item from the array?

a. push()
b. pop()
c. splice()
d. add()

5. Where is task data stored in this app?

a. Backend server
b. Netlify database
c. Browser local storage
d. React component state

MCQ Answer Key

Question No.

Correct Answer

Explanation

1b. useStateuseState is the built-in React Hook used for managing component-level state.
2c. Updates only changed parts of the UI efficientlyReact uses the virtual DOM for optimal re-rendering.
3d. It does nothingThe addTodo function checks if the input is empty before updating the list.
4c. splice()splice() is used to remove an item from the to-do list array by index.
5d. React component stateAll tasks are stored in the todos array using useState.

Share

You can share this topic with your family and friends on Social Media.

Share in

Building a To-Do List App Using ReactJS

author

Building a To-Do List App Using ReactJS

MODULE 1 : Introduction
lessonWhat is ReactJS?
lessonWhat is a To-Do list App?
lessonAim of the Project
MODULE 2 : Pre-requisites and Tech Stack Used
lessonBasic Requirements
lessonTech Stack Used
lessonInput and Output of the Project
MODULE 3 : Necessary Concepts
lessonComponents in React
lessonArrow Functions & Event Handling in ReactJS
lessonState & Hooks
lessonHow User Actions Drive UI Changes
MODULE 4 : Step-by-Step Implementation
lessonSetting up the environment
lessonCreate Application Structure (Directory Overview)
lessonStep-by-Step Coding Our To-Do List App
lessonStyling Our To-Do List App with CSS
lessonRun and Test The To-Do List App Locally
MODULE 5 : Deployment
lessonUpload Your Project to GitHub
lessonDeploy Your React App to Netlify
MODULE 6 : Conclusion
lessonLearning Outcomes of Our Project
lessonLive Link & Output Screenshot
lessonMCQs
lessonResources for Further Learning

Building a To-Do List App Using ReactJS

MODULE 1 : Introduction
lessonWhat is ReactJS?
lessonWhat is a To-Do list App?
lessonAim of the Project
MODULE 2 : Pre-requisites and Tech Stack Used
lessonBasic Requirements
lessonTech Stack Used
lessonInput and Output of the Project
MODULE 3 : Necessary Concepts
lessonComponents in React
lessonArrow Functions & Event Handling in ReactJS
lessonState & Hooks
lessonHow User Actions Drive UI Changes
MODULE 4 : Step-by-Step Implementation
lessonSetting up the environment
lessonCreate Application Structure (Directory Overview)
lessonStep-by-Step Coding Our To-Do List App
lessonStyling Our To-Do List App with CSS
lessonRun and Test The To-Do List App Locally
MODULE 5 : Deployment
lessonUpload Your Project to GitHub
lessonDeploy Your React App to Netlify
MODULE 6 : Conclusion
lessonLearning Outcomes of Our Project
lessonLive Link & Output Screenshot
lessonMCQs
lessonResources for Further Learning
Gift IconUnlock Your Exclusive Rewards!

You have exclusive rewards which you can unlock by earning Geekoins. Explore your rewards now!

Explore Rewards