React Fundamentals

Question 1

Why React?

Answer 1

Just JavaScript
Unidirectional Dataflow
Composition
Explicit Mutations
Declarative

Question 2

composition

Answer 2

composition of components

Question 3

component examples

Answer 3

, …

Question 4

component definition

Answer 4

functionality wrapped into isolated container, the component;

Question 5

component ~ function; ie

Answer 5

components manage their own state; clear boundaries for managing complexity in applications

Question 6

large app built from?

Answer 6

small apps; components

Question 7

imperative vs declarative

Answer 7

imperative: tell the computer how to do something
declarative: tell the computer what to do

Question 8

declarative vs functional

Answer 8

functional: doesn’t alter state
declarative: description of what, typically doesn’t alter state

Question 9

react: mostly declarative

Answer 9

declarative handling of requests for a component; yet state is stored somewhere, and is set + altered.

Question 10

Unidirectional Data Flow

Answer 10

Manage state in your application. UI is going to update to that state.

Question 11

UI is a

Answer 11

a function of state.

Question 12

Explicit mutations

Answer 12

explicitly change state with setState

Question 13

React pieces we’re to learn

Answer 13

Babel
React Router
Axios
Webpack
React

Question 14

React Router

Answer 14

maps specific url to specific component

Question 15

Webpack

Answer 15

“code bundler”; uses Bable

Question 16

Bable

Answer 16

“code transformer”

Question 17

Axios

Answer 17

HTTP Requests

Question 18

declarative, analogy

Answer 18

directions; declarative: give address. imperative: step by step.
delegation of imperative specificity (imperative abstraction)

Question 19

code bundler

Answer 19

takes code, transforms and bundles it; from one version to another (compliant)

Question 20

webpack needs to know:

Answer 20

1. starting point of your application, or your root JavaScript file
2. which transformations to make on your code.
3. to which location it should save the new transformed code.

Question 21

npm commands

Answer 21

npm init
npm install --save
npm run test

Question 22

add test command, e.g. ava

Answer 22

“scripts”: {
“test”: “ava ‘app/**/*.test.js’ –verbose –require ./other/setup-ava-tests.js”
}