React

Question 1

A software _________ provides a standard way to build and deploy applications. It is a universal, reusable software environment that provides particular functionality as part of a larger software platform to facilitate development of software applications, products and solutions.

Answer 1

framework

Question 2

An in-memory object that represents a DOM structure and can be manipulated with JavaScript before updating the real DOM

Answer 2

Virtual DOM

Question 3

A mix of JavaScript and XML that facilitates rendering the appropriate HTML Components: standalone, independent parts of an application that are responsible for handling only a single UI element

Answer 3

JSX

Question 4

A markup language (like HTML) that defines a set of rules for encoding documents in a format that is both human-readable and machine-readable

Answer 4

Extensible Markup Language (XML)

Question 5

Standalone, independent parts of an application that are responsible for handling only a single UI element

Answer 5

Components

Question 6

Components that simply need to render content to the DOM, and do not need to be aware of any application data that might be changing

Answer 6

Functional components

Question 7

ES6 classes that extend an abstract ‘Component’ class, given to us by default by React. They typically keep track of some sort of application data.

Answer 7

Class Components

Question 8

An object that is given from its parent component down to the child functional/class component, should remain immutable

Answer 8

Props (properties)

Question 9

Holds data that represents the actual _____ of an application, can be changed and mutated through user interactions

Answer 9

State

Question 10

Test the smallest ____ of functionality, typically a method/function. For example, when you call a specific method on a class, you would likely expect a value to be returned. Should be focused on one particular feature.

Answer 10

Unit test

Question 11

Build on unit tests by combining the units of code and testing that the resulting combination functions correctly

Answer 11

Integration test

Question 12

Once an application is ready to use, it undergoes testing in a browser by a user (or automated user) to verify that the features behave normally and meet expectations

Answer 12

Acceptance test aka end-to-end tests

Question 13

A JS framework created by Facebook that is included in React and acts as a test runner, assertion library, and mocking library. It can also be used for snapshot testing.

Answer 13

Jest

Question 14

Created in order to replicate the data or functions you would expect to have or be fired, or when we want to set up a function that runs in place of another function

Answer 14

Mocks

Question 15

A light-weight solution for testing React components. It provides light utility functions on top of react-dom and react-dom/test-utils, in a way that encourages better testing practices.

Answer 15

React Testing Library

Question 16

A set of methods found in the parent class Component that fire at different points during the component lifecycle

Answer 16

lifecycle methods

Question 17

A library we use to validate the data type of props coming into a component; allows for more specific, helpful error messages

Answer 17

PropTypes

Question 18

Executing functions, where the second does not wait for the first to complete

Answer 18

Asynchronous

Question 19

Executing functions, where the second waits for the first to complete

Answer 19

Synchronous

Question 20

Monitors the Call Stack and the Callback Queue. If the Call Stack is empty, it will take the first event from the queue and will push it to the Call Stack, which effectively runs it.

Answer 20

Event Loop

Question 21

Executing more than one operation at a time

Answer 21

Parallelism

Question 22

An object representing the eventual completion or error of an operation, along with a value

Answer 22

Promise

Question 23

A function given to another function to be called at a later time

Answer 23

Callback

Question 24

A function that either takes a another function as a parameter or returns a function, or both

Answer 24

Higher Order Function

Question 25

A Router that uses the HTML5 history API (pushState, replaceState and the popstate event) to keep your UI in sync with the URL

Answer 25

BrowserRouter

Question 26

Its most basic responsibility is to render some UI when a location matches the route’s path

Answer 26

Route

Question 27

_s provide declarative, accessible navigation around your application

Answer 27

Link

Question 28

A special version of the Link that will add styling attributes to the rendered element when it matches the current URL.

Answer 28

NavLink

Question 29

Rendering a _ will navigate to a new location. The new location will override the current location in the history stack, like server-side redirects (HTTP 3xx) do.

Answer 29

Redirect

Question 30

Renders the first child Route or Redirect that matches the location. _ is unique in that it renders a route exclusively (only one route wins).

Answer 30

Switch

Question 31

A _ object contains information about how a Route path matched the URL.

Answer 31

match