cihad/readme.md

Created April 30, 2020 15:55

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/cihad/05de1d4f2dcdd32b5f92fc321390167e.js"></script>
Save cihad/05de1d4f2dcdd32b5f92fc321390167e to your computer and use it in GitHub Desktop.

React to Vue

Raw

    
React
Vue

useState
data

useMemo
data

useEffect (with no dependency array)
mounted (once), beforeUpdate

useEffect (with dependency array)
watch (immediate: true)

return function for useEffect
destroyed

useCallback
methods

useLayoutEffect
beforeMount, beforeUpdate

useLayoutEffect with setTimeout
mounted, updated

componentDidMount
mounted

componentDidUpdate
updated, vm.$nextTick

componentWillUnmount
destroyed, this.$once("hook:beforeDestroy", callback) "inside created or mounted"

React	Vue
useState	data
useMemo	data
useEffect (with no dependency array)	mounted (once), beforeUpdate
useEffect (with dependency array)	watch (immediate: true)
return function for useEffect	destroyed
useCallback	methods
useLayoutEffect	beforeMount, beforeUpdate
useLayoutEffect with setTimeout	mounted, updated
componentDidMount	mounted
componentDidUpdate	updated, vm.$nextTick
componentWillUnmount	destroyed, this.$once("hook:beforeDestroy", callback) "inside created or mounted"