Manipulating the DOM In ReactJS | useRef

Best Tech Resume Template: papermoontech....
Use code: PEDRO for 20% off ^
In this video I will talk about some good practices in react and go over why manipulating the DOM (Document Object Model) directly is not a good idea. However, in the cases where we have to, I am showing you guys how to use the useRef hook to make it work.
-
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/l...
💻 PedroTech Discord: / discord
-
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Twitter: / pedrotech_
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/mac...
Email: [e-mail]
Tags:
DOM
Fetch
ReactJS Tutorial
ReactJS and MySQL
NodeJS Tutorial
API Tutorial

[@maxwellosuji4096]

I’m a newbie in react i was actually trying so many ways to manipulate a jsx element when a button is click. I’ve struggled with that for hours. Didn’t know it’s basically using “useRef”. Thanks so much i achieved so mucu from your videos

[@karthiksiva6571]

I hope now u r pro

[@realdaly]

I was waiting for you to show more in-depth stuff like how to change the innerHTML, using datasets and more.

[@TriinTamburiin]

I don't really need to manipulate the DOM, but need to get a value from a hidden input, so watching this tutorial to see if useRef is that what i need :)

[@owltrades]

Simple as that, I am a beginner in React and that's what I am looking for two weeks. You are great. Love From Pakistan ❤️❤️

[@PedroTechnologies]

Love my Pakistani subs :)

[@paulothiago5782]

Searching how to make the scroll slower on my website I figured out this awesome channel. You are doing a great job, Pedro.
Btw, your name is very common here in Brazil, so I was wondering where you from

[@PedroTechnologies]

Sou br kkkkkkk Meu nome é bem comum mesmo! Fico feliz que está gostando dos videos!

[@edu-correia]

@@PedroTechnologies Inglês impecável hein mano, nem consegui reparar o sotaque

[@theavazov]

Wow very useful, you saved my IT career bro

[@hamdanidinulhaq8683]

man, finally i found the tutorial that really useful, big thanks

[@f3-faithfitnessfinance]

The intro is smooth🔥

[@PedroTechnologies]

hahaha I really liked it!

[@sanjeevdutta7760]

Really great explained, I am becoming your fan slowly, keep it up

[@AlejandroLopez-tb4un]

Great explanation Pedro, thanks for sharing 👍.

[@PedroTechnologies]

Glad you liked it!

[@abhishekrawat8579]

this is it what I am waiting for.....❤️❤️❤️

[@PedroTechnologies]

Glad you liked it!

[@akashraut2402]

Great work pedro.

[@iwanttopunchtheosface]

Been looking for useRef tut and yours cleared my confusion. thank you!

[@tanayraikuwar3422]

This is the video I am searching for... Thanks sir.. 😊

[@haciendadad]

Great video! Simple example and easy to understand. TY!!

[@nguyenluongtrungk17dn71]

thank you very muchhhh. I got it finally

[@medipakpagare]

So simply explained. Very good video.

[@PedroTechnologies]

Glad you think so!

[@leomacdon7858]

Thank you so much.. really helpful tutorial

[@obaidabbasi7156]

Nice explanation!
Need more on dom manipulation

[@ThColinPereira]

amazing video pedroski!

[@PedroTechnologies]

Thank you colin!

[@f3-faithfitnessfinance]

Believe it or not man, you are very inspiring in terms of productivity.
I was able to study different stuffs before getting a job but now after getting one, I am just not able to find time.
How do you manage to do all of these (UA-cam, job, studies and college)?
Help me out brother😅

[@PedroTechnologies]

Hahaha thank you so much bro! The past year has been the most productive to me, I can make a video on how I structure my day hahaha. I work from 7 am to about 9pm so I get enough time for everything!

[@f3-faithfitnessfinance]

@@PedroTechnologies Really cool man!
Please do a video on that 👍

[@apeiron4409]

useful tutorial. Thank you!

[@PedroTechnologies]

Glad you enjoyed it!

[@jonsnow7360]

this helped me solve my issue thank you @PedroTech

[@programer9620]

Thanks brother , it was really helpful.

[@jobsal9666]

your videos are very helpful i appreciate it

[@eshw23]

Hey so is there any point of learning the DOM if it isnt supposed to be used in React?? Thank you

[@PedroTechnologies]

It is useful for many other libraries, and it always good to know. But for react, I would say no.

[@pragthiyumnan6609]

Thank you so much sir 🤩

[@ShredBundy420]

Amazing video! Thanks for the great work :-)

[@eherman810]

Thank you so much ❤️

[@antenehyehalem5963]

your video is awesome and very explantory keep doing it

[@PedroTechnologies]

Thanks a lot!

[@pomiusu]

my god I love you tysm!!!!

[@henriquekutner6724]

Outro vídeo que está me salvando

[@PedroTechnologies]

Fico feliz!

[@viniciusfelipipereira2666]

Vlw cara, vc me ajudou bastante, belo video.

[@sadique_x_]

how did you manage to draw a circle with border-radius:100%

[@jhonrvlogger]

Thank you pedro is helpfull alot

[@karanchoudhary1596]

What's your VS Code theme ?

[@PedroTechnologies]

I use the palenight theme!

[@rangabharath4253]

Awesome bro 😎👍

[@PedroTechnologies]

Thank you! Cheers!

[@ia5852]

Awesome...thank you

[@mnnw148]

thanks so much

[@devarsh5317]

are you from brazil?

[@henriquebcosta05]

Pelo sotaque parece mto kkkkk

[@mofe620]

Thankssss

[@Thinkerfre]

Useref is very important

[@aprl]

too bad the video didn't really explain why manipulating the DOM is bad or show an example

[@PedroTechnologies]

Manipulating the dom is not bad, its just against what react preaches. In react, your UI should be altered depending on the state of the application, and not manually by editing its elements. I should've made it clearer, thank you for the feedback :)

[@parimalpatil0709]

Awesome

[@romimaximus]

I always get confused between "useRef" and "CreateRef" ....🤣

[@PedroTechnologies]

Hahaha no worries, useRef is the hook and create ref just creates a reference to an element

[@juniorrodrigues3197]

Dude, how did you learn English?

[@haroondeveloper]

love from pakistan

[@pauloh.2503]

massa hein

[@PedroTechnologies]

Obrigado!

[@paulothiago5782]

@@PedroTechnologies Tu é Br? Inglês impecável

[@SahraClayton]

thank fuck not a video showing us how to get input to focus

[@absurdemtiefer1950]

Holy shit - you can cut 50% of that video - stop talking in circles