Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
In this tutorial you will learn how to create React JS Functional Components. This tutorial is part of a Learn React series playlist. ReactJS is based upon constructing functional components in a component tree.
Subscribe https://bit.ly/3nGHmNn
This lesson is part of a Learn React tutorial series playlist:
https://youtube.com/playlist?list=PL0Zuz27SZ-6PrE9srvEn8nbhOOyxnWXfp
React JS Functional Components | Learn ReactJS
(00:00) Intro
(0:05) Introduction
(0:53) ES7 React JS Snippets Extension
(1:14) Components must be imported
(1:40) Creating the Header component
(4:51) Creating the Content component
(6:50) Creating the Footer component
(8:34) Components encapsulate logic
(9:11) Using React Dev Tools to view the component tree
ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(JavaScript_library)
React Jobs: https://www.ziprecruiter.com/candidate/search?search=react&location=
Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven
Was this tutorial about React JS Functional Components helpful? If so, please share. Let me know your thoughts in the comments.
#react #functional #components