Class Components vs Functional Components in React (Which is better? - Beginner's Guide)
Sonny Sangha Sonny Sangha
261K subscribers
139,757 views
0

 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

show more

Share/Embed