Javascript
React
Webpack
Babel
HTML/CSS
100

This keyword is used to declare a variable that can change later.

What is let?

100

This command is used to start a new React project in the folder "react-webpack-d1" using the codex react npm package.

What is npx react-webpack-codex react-webpack-d1

100

This tool takes your JavaScript files and bundles them into one file for the browser.

What is Webpack?

100

Babel helps you write this kind of JavaScript.

What is modern JavaScript?

100

This language is used to create the structure of a web page.

What is HTML?

200

This type of value goes inside quotation marks in JavaScript.

What is a string?

200

This special hook lets you create a variable that changes and makes the page re-render when updated.

What is useState?

200

This file tells Webpack how to build your project. It has to be updated at the beginning of the project.

What is webpack.config.js?

200

Babel changes modern JavaScript into code that works in all ____.

What are browsers?

200

This language is used to style how a web page looks.

What is CSS?

300

This symbol is used to compare two values in an if statement for strict equality (datatype and value).

What is ===?

300

This type of function returns some JSX and is used to display parts of the page.

What is a React component?

300

This command runs Webpack and builds your project.

What "npm run build".

300

Babel works with this tool to help build your project.

What is Webpack?

300

This HTML tag makes text bold.

What is <strong> or <b>

400

This loop lets you run the same code a certain number of times.

What is a for loop?

400

In React, this is what you return from a component to show something on the screen.

What is JSX?

400

This folder is where Webpack usually puts the bundled files.

What is the dist folder?

400

This is the name of the tool Babel uses to help Webpack.

What is babel-loader?

400

In CSS, this symbol is used to select a class.

What is a period (.)?

500

This lets you write a group of steps once and run them anytime by using its name.

What is a function?

500

React apps are made by putting together lots of small components. This is the name for the main or top-level component that holds them all.

What is App or App.jsx?

500

This part of webpack.config.js tells Webpack what file to use first.

What is entry?

500

This is the name of the loader Babel uses with Webpack.

What is babel-loader?

500

This CSS property changes the background color of a page.

What is background-color?