React Components & Component State
_________ is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications
React
Importing a file/module starts with declaring which keyword?
import
Fetching data from an API, timers, logging, and manually manipulating the DOM are all examples of ___ ________.
side effects
Whats does CSS stand for?
cascading style sheets
What does DOM stand for?
Document Object Model --> an object representation of the html elements of a webpage
What are the building blocks of any React app (reusable blocks of code)?
components
What is a stateful component and how is it different from a stateless one?
a component that holds or manipulates some state of the app
The ____ hook tells React that a component needs to run, or execute, some side effect. This hook takes in two parameters.
useEffect hook
What do we call the library for writing CSS in our JS files? (specifically in React this week)
styled components
When a web page is loaded into the browser, the browser first looks for the ____ file.
What is HTML?
This allows us to put HTML into JavaScript
JSX
When we want to pass information held on state inside one component to another component, we pass them as _________.
props
True/False
If the effect hooks used are not synced with any particular pieces of data, each of those hooks would run every single time a piece of state or a prop changed.
true
What is the name for the Bootstrap Styling library for React Components. (the component library that uses Bootstrap under the hood)
Reactstrap
What does CRUD stand for?
Create, Read, Update, Delete
A hook that lets you add React state to function components
the useState hook
When ______ _______ is specified, the declaration that follows is exported automatically and additional modules will need to be exported by name.
export default
What do we use as the second argument in the effect hook to tell it with which state or props the effect should be synced?
a dependency array
What do we need to import from styled components in order to get our styles working?
styled
What do we call this type of syntax? `${} and ${} went to the store`
template literals
What is the react virtual DOM?
In React, for every DOM object, there is a corresponding “virtual DOM object.” A virtual DOM object is a representation of a DOM object, like a lightweight copy.
True/False: Props data is read-only, which means that data coming from the parent should not be changed by child components.
true
The effect hook takes in two parameters. The first is a ______ ________.
callback function
True/False: Styled Components is actually a higher order component
true
Whats is bubbling in JS?
when an event is first called and handled by the innermost element and then propagated to outer elements.