Don't use Hooks in REACT without knowing this...

🚨 Join the world’s BEST developer community “Zero to Full Stack Hero”: www.papareact.com/course
📩 Want coding problems (with solutions!) delivered to your inbox daily? www.papareact.com/dailycoding...
This video is designed to get you familiar with Rules of Hooks in React where we cover topics such as:
👉 What are Hooks?
👉 Why are Hooks useful & why can they be dangerous if not used correctly!
👉 Essential rules to remember when using Hooks (with examples!)
🔴 LOOKING FOR THE CODE? 🛠️
links.papareact.com/github
👇🏻FOLLOW ME HERE:
Instagram: links.papareact.com/instagram
Facebook: links.papareact.com/facebook
LinkedIn: links.papareact.com/linkedin
Twitter: links.papareact.com/twitter
Discord: links.papareact.com/discord
Newsletter: links.papareact.com/newsletter
💰 WANT TO SUPPORT THE CHANNEL?
Donate here: links.papareact.com/donate
Grab some PAPA Merch: links.papareact.com/merch
🕐 TIMESTAMPS:
00:00 Introduction
00:21 Skillshare Sponsorship
02:07 Hooks Explained
02:43 Custom Hook's Website
03:10 Application of Hooks
04:25 1st Rule of Hook to Follow
10:28 ESLint Plugin
12:42 2nd Rule of Hook to Follow
14:54 React Docs Walkthrough
16:15 Rules of Hooks Explained with an Example
17:57 Rules of Hooks Summary
19:45 Outro
Let’s get it PAPAFAM 🔥.
#reactjs #hooks #react #javascript #tutorial #beginners

[@SonnySangha]

📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university

[@apollosurfer]

Dubai is really giving you that extra energy! You are killing it!

[@SonnySangha]

Hell yes!!!

[@aminehero9948]

@@SonnySangha i hope that you will add some courses in papareact tho

[@jacksonmwanaumo9403]

The Joy I get when I see a new video from you is🔥. Everything is always on point, content, quality👌 You are the best, Keep it up! Am the #1 African Paper React Fan💪

[@marvikfr]

Merci Sonny for this lessons and all your precious work ! Bonne journée :)

[@Daddyjs]

love these frequent uploads!

[@jaygarricktheflash]

I'm watching your video because.... the quality is off the charts! Nice Job!

[@avisterdeveloper1120]

PapaReact! We love your Apps Clones, are amazing, still waiting for more!

[@raiyanthedeveloper]

Thanks a lot, Bro for coming with another react tutorial. Love from Bangladesh. This type of tutorial helps us very much as a beginner. 🔥🔥🔥🔥🔥

[@michelgerges2678]

“Roll the intro” -> awesome content coming on🔥🚀

[@correctcode367]

This video was very useful for me! Thank you Sonny ❤❤❤

[@JohnSnow-gi7iv]

Need more like these. Great tutorial

[@filip23128]

Thanks Sonny, great explanation!

[@navedmohammad138]

Awesome explanation... Keep it going bro

[@truceheat1671]

Tsup papa fam .. thanks for this great one .I would request that on your next build let's build with Normal CSS and JavaScript so that we can can understand what is happening 🤗

[@salmanrafi4253]

Love you bruh🔥 you are Awesome❣️

[@anowarhosen3763]

Thank you brother you are Amazing teaching

[@okosunfamily1081]

love the lessons

[@mpgrewal00]

You were just a novice kid few years back. How did you become a great programmer so quick

[@sardorzufarov1505]

Thank you.

[@CleverProgrammer]

LET'S GOOOOOOOO!!!

[@SonnySangha]

💯🤙🏽

[@htmoh8115]

Can you make an video app like Microsoft team app? With similar features an much more. Like, able users to upload pic, vids etc have a notice board for tutors to leave notes etc.?

[@avisterdeveloper1120]

Sonnyy do more Platforms Clones! We love it pls

[@afrasiab8576]

How much time it takes you to learn react

[@andiboggs4902]

Thank you for this, it came with supernatural timing . Can you please build a helper function that can convert components to objects? Vanilla JS or React. This would be immensely helpful.

[@andiboggs4902]

@Bart Zumba Challenge accepted.

[@andiboggs4902]

The only way to do it that’s not totally cumbersome is to map it I realized.

[@Victor-wh9bs]

Sooo Good 🔥

[@jail8011]

Can u do a KZbin build or vpn build I want to know how to code a vpn

[@user-ym9jg7oe2p]

wow! its very nice :)

[@dinosantic8671]

Intro song? :)

[@exploit.6848]

Awesome bro! DubaiSonny Haha

[@ossamaelidrisi9228]

What's Up guys , I've a problem , I don't know how to upload files in next.js , i try to use multer but i doesn't work , if any one has the solution please tell me im sorry my eng is bad

[@emmanuelkombeto6700]

Plz vs code underline my useEffect and userState in red this is which problem

[@robertv7597]

Hey sonny! How to maintain state of amazon cart after a page refresh in React JS? Please help

[@lexsemenenko7044]

I am saving to browser local storage. Maybe there’s a better way. Heard about redux persist.

[@nnamenearinze6086]

Redux persist also uses local storage as well.

[@failist9570]

New setup?

[@aminomar7890]

it is not wrong to rebuild anything from scratch by getting advantage of your accumulated experience and learning from your previous mistakes. they can keep the same syntax to keep the community, you can apply that to JavaScript itself, they can rebuild it to be more effective and strongly typed programming language, they can cooperate with the main companies those build famous browsers such as Firefox, chrome, Safari, ...etc and keep the same syntax to keep the programmers. what do you think? which better building on top of mistakes or rebuild it to improve it ! do you think that google did a mistake when it rebuild Angular ? do you think rebuilding nodejs to Deno is wrong ?! it is a matter of long term strategy.

[@jamalafroz7211]

I think the next think that you build should be zoom

[@rushivani454]

Can you create one file explorer app in reactJs just like folder tree? A new challenge

[@syedmunawwarali5999]

Firing up

[@onlyfang5244]

Sir I want you to make a clone of software like olymp trade or binance cause I think u never did something in finance software over KZbin so that would be a great learning for all of us💥💥💥🥵🥵btw I'm ur fan from India 🇮🇳

[@rahulsaha28]

You are boss in react js

[@daltonrobertson911]

🔥🔥🔥🔥

[@prashanthyetti5092]

plz solve invalid hook in react? 1.mismatch off react and react render 2.more then one copy of react in some app 3.you break the rules of hook

[@The-vs7mt]

Hi

[@syedmunawwarali5999]

Boom

[@jass__0]

Papa React > React Master

[@shoktane_9831]

Miss sanghas son!!!!!!

[@SonnySangha]

Hello!!

[@aminomar7890]

rules based on mistakes in their design from the beginning not based on the correct logic. that is what make programming less enjoyable. I do not talk about best practice of design pattern or .... that goes without saying, I talk about shackles because you enforced to use others logic that unnecessary the best. it is not wrong to rebuild anything from scratch to improve it, many thought that google did a mistake by rebuilding Angular, but that was the right decision regarding long term strategy, by the way React is my first programming tool, criticism is not wrong.

[@aminomar7890]

do you think that is logical ? take a look at solid.js it is not about the right logic, they call what suits them because of mistakes in their design (rules) what if you need conditional react hook change ? you can understand me when you take a look at solidjs then make comparison, it is very clear that they have design mistake from the beginning and they want to make rules depending on their design mistakes not based on the correct logic !

[@anantpreetsinghreen6378]

Are u punjabi ?

[@hlun5454]

Our company has a welfare advertisement, sir, can we talk？

[@yigitt_1]

Please do not open your mouth in thumbnails. it really seems cringe

[@evans8245]

useCommonSense() will ship with react 18.1