React useEffect tutorial (react hooks)

Показать описание

(We're free online community, meet other makers!)

#react #reactjs #useeffect This tutorial is a brief walk through example of how to use useeffect hook in React. Instead of complex explanations, I'll just type useState and useEffect examples into the React app, to show the workflow. Hope this helps someone :)

00:00 How to use useEffect hook in React
00:15 Start with a blank React app (all it does is print text: useEffect example)
00:23 Import useState from react
00:36 Creating state variables / objects a and b for testing useEffect hook
01:22 How to import useEffect
01:30 Adding useEffect hook to your functional React component
02:03 Why useEffect executes twice in my component? (How to disable Strict Mode)
02:42 How to add click handler funcitons to react component
02:59 Adding clickable buttons to component
03:34 Example of how to use useEffect hook to track state changes
04:25 Empty useEffect dependency array
05:30 How to add dependencies to useEffect
06:24 How to add return value to useEffect for post-state change cleanup