🚨 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/dailycodingchallenges 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: null 🕐 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