In this video we'll learn you how and when to use useEffect and/or useLayoutEffect in React.
We will also learn about side-effects.
We will compare useEffect and useLayoutEffect using a timeline diagram to understand when both run.
----
React.js Tutorial Playlist: • React.js Tutorial with Hooks and Typescript
----
----
SWR Video: • React Hooks SWR: Fetch, Cache and ReValida...
----
----
GitHub Repository: https://github.com/bmvantunes/youtube...
GitHub Commit history: https://github.com/bmvantunes/youtube...
----
Relevant Links for this video:
----
json2ts: http://json2ts.com/
SWR Documentation: https://swr.vercel.app/
React.js useEffect Documentation: https://reactjs.org/docs/hooks-effect...
React.js Hooks Reference Docs: https://reactjs.org/docs/hooks-refere...
----
Timeline:
00:00 Introduction
00:23 What is a side effect?
02:23 Example from React Documentation
02:45 What are our intentions when coding?
03:25 useEffect and useLayoutEffect timeline
08:00 Code example using setTimeout
16:14 Example with HTTP calls (using fetch)
20:20 Homework description
21:20 SWR Recomendation
21:40 Conclusion
#ReactJS #Hooks #ReactHooks #useEffect
----
Follow me on:
Twitter: / bmvantunes
Dev.to: https://dev.to/bmvantunes
Website: https://brunoantunes.net
Github: https://github.com/bmvantunes
LinkedIn: / bmvantunes
On this page of the site you can watch the video online useEffect and useLayoutEffect | React Hooks | React.js Tutorial #6 with a duration of hours minute second in good quality, which was uploaded by the user Bruno Antunes 26 October 2020, share the link with friends and acquaintances, this video has already been watched 8,678 times on youtube and it was liked by 421 viewers. Enjoy your viewing!