What Are React Elements? - ReactJS MicroBytes (2020)
Elements are the smallest building blocks of React apps. An element describes what you want to see on the screen.
Don't confuse these React elements with browser DOM elements. Unlike browser DOM elements, React elements are plain JavaScript objects, and they are cheap to create. The React virtual DOM takes care of updating the actual DOM to match the React elements.
Also, don't confuse these elements with components. We will go over components in another video. But elements are what components are made of.
To render a React element into a root DOM node, pass both to ReactDOM.render().
_____________________________________
π 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 #React #ReactJS