useEffect and useLayoutEffect | React Hooks | React.js Tutorial #6

Veröffentlicht am: 26 Oktober 2020
auf dem Kanal: Bruno Antunes
8,678
421

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  


Auf dieser Seite können Sie das Online-Video useEffect and useLayoutEffect | React Hooks | React.js Tutorial #6 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Bruno Antunes 26 Oktober 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 8,678 Mal angesehen und es wurde von 421 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!