Quiz for Folder Structure Overview

Q1: What is the purpose of the "src" folder in a React project?

A. Contains source code files B. Holds static assets only C. Used for configuration files D. Includes third-party libraries

Q2: Where do React components typically reside in a React app?

A. node_modules B. public C. src D. config

Q3: Which file is the entry point of a React application created with CRA?

A. index.js B. App.js C. main.js D. root.js

Q4: What is the purpose of the "public" folder in a CRA React project?

A. Contains HTML and static assets B. Holds compiled JS files C. Stores API routes D. Manages npm packages

Q5: Which file in "public" acts as the HTML entry point?

A. main.html B. template.html C. index.html D. root.html

Q6: What is usually inside "App.js"?

A. React app setup and routing B. Webpack configurations C. Node server D. Database connection

Q7: Where is the root DOM node defined?

A. index.html B. App.js C. index.js D. public.js

Q8: Which folder typically includes images and fonts in a CRA app?

A. src B. public C. node_modules D. assets

Q9: What is the role of "node_modules"?

A. Stores third-party libraries B. Contains main components C. Defines environment variables D. Includes custom CSS

Q10: What is "package.json" used for?

A. Defines project metadata and dependencies B. Stores HTML templates C. Compiles JavaScript D. Renders React app

Q11: Where would you define environment-specific variables?

A. .env file B. index.js C. App.js D. settings.json

Q12: Which directory contains project-level configurations like ESLint or Babel?

A. src B. config C. root directory D. scripts

Q13: What is typically excluded from version control?

A. node_modules B. src C. public D. README.md

Q14: Where can service workers be registered in a CRA app?

A. App.js B. index.js C. public/index.html D. service.js

Q15: Which command creates the default folder structure?

A. npx react-app B. npm install react C. npx create-react-app D. npm init react

Q16: What does the "App.css" file do?

A. Configures build tools B. Applies global styles to the React app C. Renders HTML content D. Manages state

Q17: Where is the ReactDOM.render() function typically called?

A. App.js B. public/index.html C. index.js D. main.js

Q18: What is the role of ".gitignore"?

A. Tracks all file changes B. Lists files to be ignored by Git C. Contains npm packages D. Renders app

Q19: Which folder should custom hooks be placed in?

A. hooks B. services C. utils D. node_modules

Q20: Which folder might contain reusable UI components?

A. components B. utils C. config D. scripts