Quiz for Create React App (CRA)

Q1: What is Create React App (CRA)?

A. A text editor for React code B. A CLI tool to set up a modern React app with zero configuration C. A library for routing in React D. A browser extension for debugging

Q2: Which command is used to create a new React app using CRA?

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

Q3: What does CRA automatically configure for you?

A. Routing and middleware B. Webpack, Babel, and ESLint C. Database and backend API D. User authentication

Q4: Which folder contains the main source code in a CRA project?

A. /public B. /src C. /config D. /dist

Q5: What is the entry point file of a CRA React app?

A. App.js B. main.jsx C. index.js D. startup.js

Q6: Which command runs the development server in a CRA project?

A. npm install B. npm run dev C. npm start D. npx start

Q7: What port does CRA use by default for the development server?

A. 3000 B. 8080 C. 5000 D. 80

Q8: What file contains the metadata for a CRA project?

A. index.html B. main.js C. package.json D. config.json

Q9: Which folder in CRA is used to store static assets like images?

A. /assets B. /static C. /public D. /files

Q10: What does the `npm run build` command do in CRA?

A. Deletes the source code B. Runs the app in dev mode C. Compiles the app into a production-ready build D. Updates dependencies

Q11: Which file is responsible for rendering the React application?

A. App.js B. index.html C. index.js D. main.css

Q12: Where is the `<div id="root">` tag located in CRA?

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

Q13: What is the role of `App.js` in a CRA project?

A. It defines the entry point B. It contains the main component structure of the app C. It handles routing D. It renders the HTML template

Q14: How do you eject a CRA project for custom configurations?

A. npm start --eject B. npm eject C. npx eject D. npm run release

Q15: What happens after running `npm eject`?

A. The app is deleted B. React is uninstalled C. Webpack and Babel configs are exposed D. Nothing changes

Q16: Which of these is a benefit of using CRA?

A. No configuration needed to start B. Built-in database support C. Automatic cloud deployment D. Supports PHP

Q17: Which folder is used to serve static HTML and favicon?

A. /src B. /public C. /dist D. /static

Q18: What is the role of `ReactDOM.render()` in CRA?

A. Adds CSS styles B. Mounts the React app to the DOM C. Updates the package.json D. Starts the dev server

Q19: What will happen if the port 3000 is already in use when starting CRA?

A. The server fails to start B. It throws an exception and exits C. It prompts to run on a different port D. It changes to port 8080 automatically

Q20: Which of the following can you use to deploy a CRA build?

A. Node CLI B. GitHub Pages, Netlify, Vercel C. npm run start D. React Server