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

Pubblicato il: 26 ottobre 2020
sul canale di: 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  


In questa pagina del sito puoi guardare il video online useEffect and useLayoutEffect | React Hooks | React.js Tutorial #6 della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Bruno Antunes 26 ottobre 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 8,678 volte e gli è piaciuto 421 spettatori. Buona visione!