React Router
What is routing?
Routing is the way we navigate through websites and web applications today.
name 3 form-specific tags (not including form)
Signup, login, search, create, edit, drop downs, checkboxes, radio buttons, regular buttons and more.
What is the library we used for form validation this week?
Yup
What is static testing?
Static tests catch typos and errors as you write your code. If you have any type of debugging software in your IDE, it is running static tests.
_______ are physical devices, usually housed with other _______ in large warehouses, that run the “behind the scenes” work of the internet like data storage. When you route, you’re routing to a _______.
Servers
What does the <input> element represent?
The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user.
What do the min and max methods in Yup do?
set the minimum and maximum amount of characters in a string
What is unit testing?
Unit testing verifies that individual, isolated parts of your code (like functions) work as expected. For example, unit testing can verify that a return is of a certain type or that a particular string or image is rendered on a page.
What is a single page application?
A single-page application (SPA) is a web application or website that interacts with the web browser by dynamically rewriting the current web page with new data from the web server, instead of the default method of the browser loading entire new pages.
operator that copies all the keys and values from an object and allows us to change only the field we need
the spread operator ...
HTTP method that allows us to create information on a web server
POST
What is integration testing?
Integration testing works to test several units at one time - verifying that they work together as expected. For example, if you have a function that relies on the output of another function, you might write an integration test to confirm that they’re working together as expected. For example, you might simulate a user action to enter login credentials and submit a form, then verify that the submission links a user to a new page. Here, you’re not testing the full app, but not testing just one function, either.
What does a useParam hook allow us to do?
The useParam hook allows us to create dynamic routes that will render content based on the URL. So, instead of requiring that all routes are written out ahead of time, the URL determines what renders on the page.
The ________ handler on an input captures the typing event.
OnChange
What is a form schema?
basically a description of what each named field in a form is supposed to look like
Describe end to end testing.
End to end tests focus on UI and mimic how a user might interact with an app, simulating real events like button clicks, scrolls, form submits, and the like.
What is the difference between client side routing and server side?
In server side, the page will refresh as new information is requested.
In client slide, the page will not refresh, but will just display what we've asked of it.
What are "synthetic events" and why do we use them in React?
Synthetic events effectively simulate DOM events inside the virtual DOM.
React operates out of a virtual DOM. When React is deciding what to render to the page, the DOM doesn’t even exist yet. This is why we use synthetic events.
What is the purpose/use of .persist()?
e.persist() allows us to use the synthetic event in an async manner. We need to be able to use it after the form validation
All testing, of all kinds uses the framework _____, _____, _______ where a test is written to do the following.
Describe what each is.