Mod3 pre-work deliverables

1. What is a "data model", and how does it relate to the DOM in a front-end application?

   A data model is how you structure/organize a set of data and how it will be displayed.
   The data model is referred to in the DOM as to what to display or modify.

2. What is a "framework?" And how does it differ from a "library?"

   A framework is the structure that holds your code together, while a library is like a 'library' of code options to use within yourframework.

3. Why should we consider using a framework over vanilla JS like you have been doing in mods 1 and 2?

   When our apps become larger and more complicated the ability that react gives us to organize and update with 'components' makes development much faster.

4. What is a "component" in React? Why is it useful to have components?

   A piece separated piece of code that we use like a function to make html. It makes code reusable and easier to manipulate data and the DOM.

5. What is JSX?

   React's version of HTML.

6. What are React "props?"

   They are like attributes of HTML, but used in React like arguments that are passed into the components JSX to manipulate what is displayed.

7. What is React "state?"

   It is an object we create within components that holds the current value of the data from our data model, that when changed, will change throughout the component.

8. What does "data down, actions up" mean in React?

   Data is stored at a higher level or parent component and passed down to child components, while actions like button clicks are handled by the child components and pushed up to the necessary parent component to make changes to the state or data as necessary.