Readings

React lifecycle

Based off the diagram, what happens first, the ‘render’ or the ‘componentDidMount’?

• render

What is the very first thing to happen in the lifecycle of React?

• Mounting

**In order: Constructor, render, componentDidMount, react updates, componentWillUnmount **

***What does componentDidMount do?

• This method is invoked immediately after a component is mounted. If you need to load anything using a network request or initialize the DOM, it should go here. This method is a good place to set up any subscriptions. If you do that, don’t forget to unsubscribe in componentWillUnmount().

React State Vs Props

What types of things can you pass in the props?

• it’s like passing arguments to a function

What is the big difference between props and state?

• state is handled in the component and you can update it inside the component
• props are handled outside the component and must be updated ouside the component

When do we re-render our application?

• when using state and a user changes info it neeeds to rerender the info

What are some examples of things that we could store in state?

• information in a form for example

Bookmark and Review

• React Docs - State and Lifecycle
• React Docs - handling events
• React Tutorial through ‘Developer Tools’
• React Bootstrap Documentation
• Boootstrap Cheatsheet
• Bootstrap Shuffle - a class “sandbox”
• Netlify

Things I want to know more about

How to use bootstrap. Also I’d like more info when to use state vs props