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

Рет қаралды 55,941

Күн бұрын

🚨 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

Пікірлер: 61

@SonnySangha Жыл бұрын

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

@apollosurfer 2 жыл бұрын

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

@SonnySangha 2 жыл бұрын

Hell yes!!!

@aminehero9948 2 жыл бұрын

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

@marvikfr 2 жыл бұрын

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

@jacksonmwanaumo9403 2 жыл бұрын

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💪

@Daddyjs 2 жыл бұрын

love these frequent uploads!

@avisterdeveloper1120 2 жыл бұрын

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

@jaygarricktheflash 2 жыл бұрын

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

@raiyanthedeveloper 2 жыл бұрын

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 2 жыл бұрын

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

@correctcode367 2 жыл бұрын

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

@JohnSnow-gi7iv 2 жыл бұрын

Need more like these. Great tutorial

@filip23128 2 жыл бұрын

Thanks Sonny, great explanation!

@navedmohammad138 2 жыл бұрын

Awesome explanation... Keep it going bro

@anowarhosen3763 2 жыл бұрын

Thank you brother you are Amazing teaching

@truceheat1671 2 жыл бұрын

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 🤗

@mpgrewal00 2 жыл бұрын

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

@salmanrafi4253 2 жыл бұрын

Love you bruh🔥 you are Awesome❣️

@CleverProgrammer 2 жыл бұрын

LET'S GOOOOOOOO!!!

@SonnySangha 2 жыл бұрын

💯🤙🏽

@sardorzufarov1505 2 жыл бұрын

Thank you.

@htmoh8115 2 жыл бұрын

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.?

@okosunfamily1081 Жыл бұрын

love the lessons

@afrasiab8576 2 жыл бұрын

How much time it takes you to learn react

@avisterdeveloper1120 2 жыл бұрын

Sonnyy do more Platforms Clones! We love it pls

@Victor-wh9bs 2 жыл бұрын

Sooo Good 🔥

@andiboggs4902 2 жыл бұрын

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 2 жыл бұрын

@Bart Zumba Challenge accepted.

@andiboggs4902 2 жыл бұрын

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

@jail8011 2 жыл бұрын

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

@ossamaelidrisi9228 2 жыл бұрын

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

@robertv7597 2 жыл бұрын

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

@lexsemenenko7044 2 жыл бұрын

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

@nnamenearinze6086 2 жыл бұрын

Redux persist also uses local storage as well.

@user-ym9jg7oe2p 2 жыл бұрын

wow! its very nice :)

@dinosantic8671 2 жыл бұрын

Intro song? :)

@emmanuelkombeto6700 2 жыл бұрын

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

@failist9570 2 жыл бұрын

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.

@rushivani454 2 жыл бұрын

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

@jamalafroz7211 2 жыл бұрын

I think the next think that you build should be zoom

@onlyfang5244 2 жыл бұрын

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 KZfaq so that would be a great learning for all of us💥💥💥🥵🥵btw I'm ur fan from India 🇮🇳

@rahulsaha28 2 жыл бұрын

You are boss in react js

@exploit.6848 2 жыл бұрын

Awesome bro! DubaiSonny Haha

@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

@syedmunawwarali5999 2 жыл бұрын

Firing up

@daltonrobertson911 2 жыл бұрын

🔥🔥🔥🔥

@The-vs7mt 2 жыл бұрын

@jass__0 2 жыл бұрын

Papa React > React Master

@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.

@syedmunawwarali5999 2 жыл бұрын

Boom

@shoktane_9831 2 жыл бұрын

Miss sanghas son!!!!!!

@SonnySangha 2 жыл бұрын

Hello!!

@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 !