react

Question 1

what are some frontend design principles.

1.) —— This principle is used to create a clear and organized flow of content on a web page.

2.) ——— in design helps users understand how to interact with a website or application.

3.) —– is the practice of designing websites and applications to be usable by people with disabilities.

Answer 1

Visual Hierarchy:

Consistency:

Accessibility:

Question 2

—— is a powerful front end library, used for creating front end user interfaces

————Open-source run-time environment used to execute Javascript outside of a web browser.

——– is a built in package manager. Like any other package manager, it allows for downloading and installing frameworks/libraries for development.

Answer 2

React

NodeJS

Node Package Manager (npm)

Question 3

—— is a built-in React object used to contain data or information about the component.

Answer 3

State

Question 4

are functions in React that allow you to “hook” into React state and lifecycle methods from within functional components.

Answer 4

Hooks

Question 5

————allows you to store and change state inside of a function component.

—————–allows you to perform some logic at specific points of the applications life

Answer 5

useState
useEffect

Question 6

based components are simply TSX classes that extend React.Com.
ponent.

Answer 6

Class

Question 7

Class Components —

The —— is primarily used for initializing data in the component

——– is primarily used for grabbing some data after the page loads

——– allows us to execute code when a component updates its view

Answer 7

lifecycle

constructor

componentDidMount

componentDidUpdate

Question 8

——— A front end application architectural design pattern designed by Facebook to work better with React’s unidirectional data flow.

it is used to solve the problem of managing state in large-scale single-page web applications.

Answer 8

flux

Question 9

The Flux architecture consists of four main components:

Answer 9

Dispatcher:
store
Actions
view

Question 10

——– is the central hub of the Flux architecture. It receives actions from the application and dispatches them to the appropriate stores.

Answer 10

The Dispatcher

Question 11

——— are responsible for managing the application state and updating the view. Stores are the only components that are allowed to update the state.

Answer 11

Stores

Question 12

——- are responsible for rendering the user interface and responding to user input. Views listen to changes in the stores and update themselves accordingly.

Answer 12

Views

Question 13

——- are plain JavaScript objects that represent a user interaction with the application. Actions are dispatched to the Dispatcher, which then sends them to the appropriate stores

Answer 13

Actions

Question 14

is an implementation of the Flux design pattern for JS/TS applications, used for managing and centralizing application state.

it is used to make asynchronous calls because flux does not work well with async logic flows

Answer 14

Redux

Question 15

———- is A library of additional support functions that can make using redux easier and conform more to best practices.

——– is The official library for using Redux with React. Installable with npm.
For use with things like useDispatch, useSelector

Answer 15

Redux Toolkit

React-Redux

Question 16

——— actually lets us dispatch things (this is our dispatcher)
-
——-let components access the store

Answer 16

useDispatch

useSelector

Question 17

redux application flow

1) Create a base —- when the application begins.

2) Create your ——-

3) The —- is then dispatched to the —- and to the —– that will handle that —— type

4) The —— then determine how to handle the action based on its type. they are generally switch statements that switch on the type.

5)The —– returns the new —, then the — of the store is updated.

Answer 17

store
Actions

action

store

reducer

action

reducers
reducer

state

Question 18

t/f actions have a “input” field which defines the action being taken. If the action has data that needs to be transported to the store, that data is put in the “submit” field.

Answer 18

false
have a “type” field which defines the action being taken. If the action has data that needs to be transported to the store, that data is put in the “payload” field.

Question 19

Is it necessary to keep all the component states in the Redux store?

Answer 19

NO