Published On Premiered Dec 1, 2021
🚨 Join the world’s BEST developer community “Zero to Full Stack Hero”: https://www.papareact.com/course
📩 Want coding problems (with solutions!) delivered to your inbox daily? https://www.papareact.com/dailycoding...
This video is designed to get you familiar with both Functional components & Class based components where we cover topics such as:
- Why it's critical to learn both to grow as a developer
- Which to use when writing new components
- How to refactor a class based component to a functional component
- Hacks, Tips & Tricks to know about to help you out
- Key differences between the two with State & Props examples
🛠️ LOOKING FOR THE CODE?
https://links.papareact.com/github
🎙️ PODCAST
https://links.papareact.com/podcast
🖥️ CODE
Get the code for my builds here: https://links.papareact.com/github
🌍 SOCIALS:
Instagram: https://links.papareact.com/instagram
Facebook: https://links.papareact.com/facebook
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/twitter
Discord: https://links.papareact.com/discord
Newsletter: https://links.papareact.com/newsletter
💰 WANT TO SUPPORT THE CHANNEL?
Donate here: https://links.papareact.com/donate
Grab some PAPA Merch: https://links.papareact.com/merch
🕐 TIMESTAMPS:
00:00 Intro
00:16 Skillshare Sponsorship
02:44 Functional Component Layout
03:36 Class Based Component Layout
04:32 Functional Component Explained
05:58 Functional Component vs Class Component Features
08:26 Changing Class to Functional Based Component
09:53 Using State in Class and Functional Components
12:53 Using Props in Class and Functional Components
15:32 Outro
Let’s get it PAPAFAM 🔥.
#reactjs #javascript #tutorial #classcomponents #functioncomponents #react