React State & Lifecycle Explained (Class/Hooks) - MicroBytes (2020)

Channel:
Subscribers:
296,000
Published on ● Video Link: https://www.youtube.com/watch?v=38Lz08LNKEY



Category:
Tutorial
Duration: 7:22
8,881 views
404


There are two ways to implement state and lifecycle into a component. We can convert the component into a Class component or we can use Hooks within the existing function component. I feel that it is very important for you to understand how to do this both ways. Class components are the original and old way of doing this. Hooks are the new cool way of implementing state. There are no plans to remove classes from React. So you are going to run across both Class and Function based, stateful components.
_____________________________________

๐Ÿ“š Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________

๐Ÿ› ๏ธ Tools I use:
๐ŸŸ  Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
๐ŸŸ  Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com)
๐ŸŸ  SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

๐Ÿšข Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

๐Ÿ’– Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr/
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #ReactJS #React







Tags:
react hooks
react hooks tutorial
react hooks useeffect
react tutorial
react
learn react hooks
react tutorials
react js
react 16
react functional components
react hooks explained
getting started with react hooks
react 16.7
react lifecycle hooks
react components
web development
lifecycle methods
reactjs component lifecycle
react lessons
react 2018
react from scratch
reactjs tutorials
react hooks project
react hooks context
react hooks crash course