React Router and Redux Form

Question 1

What is chrome extension postman?

Answer 1

It is a network request client that we can make network requests to arbitrary endpoints

Question 2

In this section, what are the main objectives?

Answer 2

1) How to post data on remote server
2) Navigate to pages of content
3) Load data backend API & render page
4) Build useful forms w/ validation

Question 3

Explain the react-router flow

Answer 3

The react-router flows:

In the end, we are relying on a single page HTML document and relying on javascript to change the set of components that are necessary to render the new page

Question 4

What are the two necessary properties in Route under our Dom Render?

Answer 4

Path and Component.

Remember route component provides some configuration to react-router

Question 5

What is a life cycle method in React?

Answer 5

Function on a react component class that is automatically called by react

Question 6

What is the Switch component?

Answer 6

It only renders the first match it finds to the route that you specify. Helps with collision on the fuzzy lookup for routes

Question 7

What is the Link component?

Answer 7

Allow users to navigate around react application like an anchor tag

Question 8

What does redux form help us with? What about the component property should we know?

Answer 8

Connects our form to the reducer we created for the form. knows how to handle

Component property connects well and helps us without tediously making action creators, etc., but it doesn’t know how to render on screen so needs JSX

Question 9

What are the three field states?

Answer 9

Pristine, Touched, Invalid

Question 10

Sum up the Post project

Answer 10

1) we made use (in index.js) the browser router dom and the switch components to give us the aspect of navigation
2) Separate routes for components, show those components. NOT changing HTML, just hiding and showing components
3) Wildcards (:id) very important of app state and integrate with our redux store. In posts.show, we used params for the post
4) Making use of react router with action creators. Callback’s to action creators for navigating after action is completed
5) second argument to mapstate to props is the set of props that is going to the target component. So mapstatetoprops is really great place to do some intermediate calculations place
6) Inside of our reducer, used mapkeys to treat our state object as an object, instead of an array. Fetch Post case it was easy to take state and add additional record. Overwritten with segment.