Please enable JavaScript.
Coggle requires JavaScript to display documents.
React Playbook (01-API's (AXIOS (basics, error handling, https…
React Playbook
01-API's
Setup
react dev tools > postman > nodejs
what is REST & sync & async code
News API
fetch API
Create components
AXIOS
basics
error handling
https://medium.com/codingthesmartway-com-blog/getting-started-with-axios-166cb0035237
01 - Lifecycles
What is React component
Pure functions
React components can be pure functions
Lifecycle methods
Mounting
constructor function
setState
its asych
componentWillMount
aka beforeDOMReady
componentDidMount
aka DOMReady
componentWillUnmount
aka destroy
componentWillReceiveProps
aka onChange
Updating
shouldComponentUpdate
componentWillUpdate
aka beforeRender
componentDidUpdate
Unmounting
componentWillUnmount
Use cases
Testing
Security
OWASP
XSS
CSRF
Auth0
02-Lifecycle
Four phases of a React component
Initialization
set props & state
Mounting
componentWillMount > render > componentDidMount
Updation
props: componentWillReceiveProps > shouldComponentUpdate > componentWillUpdate > render > componentDidUpdate
state: shouldComponentUpdate > componentWillUpdate > render > componentDidUpdate
Unmounting
componentWillUnmount
New methods in v16
Optimizing Components
Animations