JavaScript
This keyword creates a variable whose value can change.
What is let?
React is mainly used to build this part of a website.
What is the user interface?
This React Hook lets a component remember information.
What is useState?
This event runs whenever the user types inside an input.
What is onChange?
Whos the founder of Code For Life?
Chris Troy
This JavaScript data type can only have the values true or false.
What is a boolean?
React uses this HTML-like syntax inside JavaScript.
What is JSX?
In this state setup, this is the function that changes the count:
const [count, setCount] = useState(0);
What is setCount?
This property gets the value currently typed inside an input.
event.target._____
What is value?
This array method goes through every item and creates a new result for each item.
What is .map()?
React uses this word instead of the regular HTML class attribute.
What is className?
This event runs when the user presses a button.
What is onClick?
This method prevents a submitted form from refreshing the page.
What is event.preventDefault()?
How many Piercings does Kevin have? CURRENTLY
2
These symbols allow JavaScript to insert a variable into JSX or a template literal.
What are curly braces or ${}?
These allow a parent component to send information to a child component.
What are props?
Why should React state be used instead of a regular variable when the screen needs to update?
Changing state causes React to re-render the component and update the UI.
This prop helps React identify each item rendered using .map().
What is key?
Van Jones and Andi Lichtenfeld
This syntax copies the contents of an old array into a new array.
"setTasks([_____tasks, newTask])"
What is the spread operator, ...?
Put these three parts of a React component in the correct order:
export default
return
function
function → return → export
What will this code do?
<button onClick={() => setCount(count + 1)}>
Add
</button>
It increases count by one when the button is clicked.
What does this conditional rendering code mean?
{showMessage && <p>Hello!</p>}
The paragraph appears only when showMessage is true.
6