React-LifeCycle
React Lifecycle
describe the three phases of the REact Component Lifecycle
properly explain what the
constructor
andrender
methods do and their place in the React Component Lifecycleuse the
componentDidMount
lifecycle method to set a components state post render
lifecycle methods chart
Pokemon project
console.log
constructor
andrender
of App.jsconsole.log
render
of function Pokemon componentcreate
componentDidMount
and console.log itcreate
componentDidUpdate
and console.log it with logic for different parts of the state
Earthquake project
just go through the Earthquake project and show class coponent and use of
fetch
to get data and update state
Build doggos project
convert App from function component to class component
create
doggos
state key in the class state object. it’s an array of image sourcesdefine
componentDidMount
and usefetch
to grab data from teh dog ceo apiflesh out application with other features as time permits
allow people to specify dog breed for search
allow people to toggle select of dog images
Last updated