Build a POPUP component in React JS ~ A Beginner Tutorial with React Hooks!

  Рет қаралды 192,626

Tyler Potts

Tyler Potts

Күн бұрын

Пікірлер: 116
@alirasheedmd
@alirasheedmd 3 жыл бұрын
Bloody Hell mannnnn that's the best tutorial I have ever seen I was tired of using the react-modal thanks for the tutorial.
@ying7124
@ying7124 2 жыл бұрын
Bro you are my secret teacher now. You deserve the subscribe sir.
@RajPhotoEditingMuchMore
@RajPhotoEditingMuchMore 3 жыл бұрын
Really amazing, along with popups, learnt many new things also. Thanks 😊😊🙏
@TylerPotts
@TylerPotts 3 жыл бұрын
Glad to hear that 🙌
@PandeyjiVlog582
@PandeyjiVlog582 2 жыл бұрын
i learned something today thanks to you dude i love it
@КрокодилГена-н7й
@КрокодилГена-н7й Жыл бұрын
thx too much for this video. I didn’t know that you can pass a set function in props to another component, this is very cool!
@TheTwoFiver
@TheTwoFiver 2 ай бұрын
god bless youtube and videos like this one
@shaziasulthana9454
@shaziasulthana9454 4 ай бұрын
really amazing superb Explanation. 🤩
@emmamachi7822
@emmamachi7822 2 жыл бұрын
Tyler, you are amazing! I'm going to binge your videos to learn more about web-design! I love you!
@TylerPotts
@TylerPotts 2 жыл бұрын
Haha! I'm happy you like them! I hope you find them useful, Emma! :D
@jacksonsanti
@jacksonsanti 2 жыл бұрын
Hey Bro, I'm beginer with React Js and u help me a lot with your video. U are the best !!! 👏🏻👏🏻👏🏻
@TylerPotts
@TylerPotts 2 жыл бұрын
Happy to hear that!
@BernRezz
@BernRezz Жыл бұрын
what a wonderfull video man, and youre so didactic, i learned a lot from this video, thanks and keep the awesome work!
@cody_code
@cody_code 2 жыл бұрын
great work on this! got a new subscriber
@TylerPotts
@TylerPotts 2 жыл бұрын
Awesome, thank you!
@tunayuzbayyelce3455
@tunayuzbayyelce3455 Жыл бұрын
Thanks for this video. It helped me a lot.
@ritualj0int
@ritualj0int 2 жыл бұрын
Woaw Tyler, that amazing work! Well done, helped me a shiton!
@TylerPotts
@TylerPotts 2 жыл бұрын
Glad to hear it!
@Amyfers
@Amyfers Жыл бұрын
Thanks for the tutorial! ☺ Anyone out there trying this out in a .tsx file and getting a compile error "return type 'Element | ""' is not a valid JSX element", just make it a .js file instead
@sanjarabakirov7116
@sanjarabakirov7116 Жыл бұрын
Of course, it works. Thanks a lot.
@santiso878
@santiso878 2 жыл бұрын
it helped me a lot! thanks
@TylerPotts
@TylerPotts 2 жыл бұрын
Glad it helped!
@abdulraheemelsadig9297
@abdulraheemelsadig9297 3 жыл бұрын
refresh refresh refresh 😂. you have got a new subscriber thanks for the tutorial
@TylerPotts
@TylerPotts 3 жыл бұрын
Awesome, thank you!
@moshoodsanusi6246
@moshoodsanusi6246 2 жыл бұрын
i am currently following this tutorial now, but my setTrigger function is not working. I don't know where the problem is coming from. kindly help
@mosesegboh
@mosesegboh 3 жыл бұрын
Lovely video, very clear and well explained.
@TylerPotts
@TylerPotts 3 жыл бұрын
I'm glad you enjoyed it!
@shubhikaagrawal7888
@shubhikaagrawal7888 2 жыл бұрын
Worked for me. Thank you for the help.
@yacineguena9238
@yacineguena9238 2 жыл бұрын
Thank you very much your video was really helpful
@dailyWalker1
@dailyWalker1 3 жыл бұрын
Thanks dude for your understandable and easy tutorial
@TylerPotts
@TylerPotts 3 жыл бұрын
Happy to help
@ashandimantha6538
@ashandimantha6538 8 ай бұрын
Thank you so much !!
@TylerPotts
@TylerPotts 8 ай бұрын
You're welcome!
@asilbekegamberdiyev1558
@asilbekegamberdiyev1558 Жыл бұрын
very useful informations thanks
@TylerPotts
@TylerPotts Жыл бұрын
Glad it was helpful!
@victorga74
@victorga74 10 ай бұрын
Excellent, Thanks for share it
@dweebycat9929
@dweebycat9929 2 жыл бұрын
Thank you so much for this!!
@gabrielmoraes4516
@gabrielmoraes4516 2 жыл бұрын
Awesome video! Super well explained! thank you!
@masruralam6199
@masruralam6199 2 жыл бұрын
thanks for nice explanation, which theme are you using
@piyushlohiya1977
@piyushlohiya1977 3 жыл бұрын
I was searching for this and you made this so simple😍
@TylerPotts
@TylerPotts 3 жыл бұрын
Glad I could help!
@futureverse9347
@futureverse9347 2 жыл бұрын
Very helpful and easy to follow!
@clareivers
@clareivers 3 жыл бұрын
Thanks so much, this is awesome!
@TylerPotts
@TylerPotts 3 жыл бұрын
Glad you like it!
@umarkhan_khan
@umarkhan_khan 3 жыл бұрын
clean and simple lovet it
@eduardoranierosilva
@eduardoranierosilva 3 жыл бұрын
I not even watched the whole video and got the answer i was looking for. Sometimes we just need to step out from the code for just a second. Either way i gave it a like for the video. Thanks man
@TylerPotts
@TylerPotts 3 жыл бұрын
Thank you!! Glad you found what you was looking for :D
@filipesilva1584
@filipesilva1584 2 жыл бұрын
amazing. helped me a lot!
@rangabharath4253
@rangabharath4253 3 жыл бұрын
Awesome as always 👍😀
@TylerPotts
@TylerPotts 3 жыл бұрын
Thanks again! haha xD
@zechico2494
@zechico2494 2 жыл бұрын
Thanks for great content!
@bold_breakdowns
@bold_breakdowns Жыл бұрын
i want a popup with multiple buttons and different content but don't like the look of what i have here, can you help?
@Crychimou
@Crychimou 3 жыл бұрын
How can we do if we just want to just dismiss the popup by clicking outside of it and not on the "close" button please ? Great content by the way !
@philong844
@philong844 2 жыл бұрын
can you explain for me where is the ''trigger'', thanks you for answer me!
@Umavenugopal
@Umavenugopal 2 жыл бұрын
you rock! Please make a video on animations too
@TylerPotts
@TylerPotts 2 жыл бұрын
Thanks for the idea!
@Ninjajitsu562
@Ninjajitsu562 2 жыл бұрын
hod do i position it within a certain conytainer
@MrAndykofi
@MrAndykofi 3 жыл бұрын
Nice one, thank you.
@beaker8111
@beaker8111 Жыл бұрын
This is easy. I'd like a tutorial on how to make a reusable component with dynamically changing data in the popup.
@Abdulbaasit_abdulmatin2008
@Abdulbaasit_abdulmatin2008 7 ай бұрын
THANKS A LOT
@TylerPotts
@TylerPotts 7 ай бұрын
You're welcome!
@yamillayicov7345
@yamillayicov7345 2 жыл бұрын
What's theme WSCode?
@I3uzzzzzz
@I3uzzzzzz 3 жыл бұрын
thank you. how would you pass a variable into the popup window? i want to display the full image like In Instagram when you click it.
@TylerPotts
@TylerPotts 2 жыл бұрын
I would use a custom state/prop to pass it through with the data you need
@PrashantPandey-x8v
@PrashantPandey-x8v Жыл бұрын
which theme is it ?
@weslolo1074
@weslolo1074 2 жыл бұрын
Thank you!
@InverserPro
@InverserPro 2 жыл бұрын
Thank U, bro!
@WillKristiansen
@WillKristiansen 2 жыл бұрын
I keep getting an error saying props.setTrigger is not a function. Can you help?
@masonminnicks6338
@masonminnicks6338 2 жыл бұрын
I'm getting the same thing, were you ever able to figure this out?
@masonminnicks6338
@masonminnicks6338 2 жыл бұрын
nvm lol I got it, it was because I forgot to add setTrigger={setButtonPopup} to the Tag
@PerfectCodeAcademy
@PerfectCodeAcademy 3 жыл бұрын
what theme are you using in your vscode bro?
@3VishalSingh
@3VishalSingh 2 жыл бұрын
this is library for popup...cause this ain't working for while name is changed.... I am using two popup in same page but the 2nd popup using in new file isn't working fine(not able to import in working file) please reply??
@purpleplantain374
@purpleplantain374 2 жыл бұрын
I followed the tutorial, but the close button is not working. It may be important to mention that “props” is never italicized for me. Edit: nevermind, I forgot the setTrigger part in App.js
@ghaziabbas3087
@ghaziabbas3087 3 жыл бұрын
Yaayyy! More react! ❤️❤️
@winata7
@winata7 3 ай бұрын
thanks
@gowthamibathula6247
@gowthamibathula6247 Жыл бұрын
Can you make a video on tour guide tooltip.. Please
@anishachoudhury_
@anishachoudhury_ 2 жыл бұрын
Hi, so I have a progress bar and when i click on it it should give me a pop up. Can anyone help?
@qarinet6059
@qarinet6059 3 жыл бұрын
Awesome 👌 nice work continue 👏 What's the name of VS Code theme?
@ol1175
@ol1175 3 жыл бұрын
Just AWESOME!!!
@TylerPotts
@TylerPotts 3 жыл бұрын
Thanks
@carlafaes9282
@carlafaes9282 2 жыл бұрын
Estaria bueno que hicieras uno en el que se pudiera agregar el setTimeout y el boton en el mismo popup y no en dos diferentes.
@nickhillmann2773
@nickhillmann2773 Жыл бұрын
Perfect video 5/5
@TylerPotts
@TylerPotts Жыл бұрын
Thank you
@HackerFlavio
@HackerFlavio 2 жыл бұрын
amazing video
@TylerPotts
@TylerPotts 2 жыл бұрын
Glad you think so!
@Tahnddaay
@Tahnddaay Жыл бұрын
your english communicate is very easy to hear, especially not good english likes me, i wonder do u have any course about front end by your teach ?, i'm from Viet Nam
@pedrodiasesquerdo48
@pedrodiasesquerdo48 3 жыл бұрын
Excelent, thank you.
@alexstaresson9517
@alexstaresson9517 3 жыл бұрын
cool stuff
@mr.RAND5584
@mr.RAND5584 Жыл бұрын
ang husay po (tagalog).
@leodragonheart754
@leodragonheart754 3 жыл бұрын
How do you make it responsive?
@mosesegboh
@mosesegboh 3 жыл бұрын
just style the popup and popup inner component using css
@nikhilyadav527
@nikhilyadav527 2 жыл бұрын
my close button doesnt work please help
@elyeszarrad1504
@elyeszarrad1504 2 жыл бұрын
good video
@NBA6Fan
@NBA6Fan 3 жыл бұрын
4:00 Hahaha if this is not global first approach to fixing any error in frontend... :D
@backtic_education
@backtic_education Жыл бұрын
1000000000 thanks
@KoreanBronzeIV
@KoreanBronzeIV 3 жыл бұрын
Tyler do you know these bots in the comments?
@DariuszMakowski
@DariuszMakowski 2 жыл бұрын
wheres git with source?
@theodorbursumac889
@theodorbursumac889 Жыл бұрын
super :)
@TylerPotts
@TylerPotts Жыл бұрын
Super!
@davidholden6293
@davidholden6293 2 жыл бұрын
where is the code bro?
@ricobuttonpusher7061
@ricobuttonpusher7061 3 жыл бұрын
It doesnt work anymore.
@andresaguilar4409
@andresaguilar4409 2 жыл бұрын
ok
@kritikasharma2127
@kritikasharma2127 2 жыл бұрын
Nycc
@gunnardeangelo7384
@gunnardeangelo7384 3 жыл бұрын
So Nice 💘💘💘💘💘💘
@alidante5648
@alidante5648 3 жыл бұрын
Need lovely 😍💋 💝💖❤️
@laniakea1541
@laniakea1541 3 жыл бұрын
Someone who makes a react tutorial but cannot put the link to the code in the description does not deserve a like
@jacsdev
@jacsdev 2 жыл бұрын
Great
@utkumattaktas7994
@utkumattaktas7994 2 жыл бұрын
Thank you!
@TylerPotts
@TylerPotts 2 жыл бұрын
You're welcome!
@RafaelLima-jg3pm
@RafaelLima-jg3pm 2 жыл бұрын
Amazing, helped me a lot.
@upanisad
@upanisad Жыл бұрын
Thanks!
React 19 STABLE - I Can't Believe They Changed This
11:18
ByteGrad
Рет қаралды 32 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 855 М.
She made herself an ear of corn from his marmalade candies🌽🌽🌽
00:38
Valja & Maxim Family
Рет қаралды 18 МЛН
BAYGUYSTAN | 1 СЕРИЯ | bayGUYS
36:55
bayGUYS
Рет қаралды 1,9 МЛН
The Best Band 😅 #toshleh #viralshort
00:11
Toshleh
Рет қаралды 22 МЛН
“Don’t stop the chances.”
00:44
ISSEI / いっせい
Рет қаралды 62 МЛН
Learn React Portal In 12 Minutes By Building A Modal
12:11
Web Dev Simplified
Рет қаралды 242 М.
How to OVER Engineer a Website // What is a Tech Stack?
11:20
Fireship
Рет қаралды 2,5 МЛН
Create a modal with React (Pop-up)
6:39
The Web School.
Рет қаралды 149 М.
Learn useState In 15 Minutes - React Hooks Explained
15:45
Web Dev Simplified
Рет қаралды 1,2 МЛН
I built a REAL Desktop App with both Tauri and Electron
12:22
Bufferhead
Рет қаралды 73 М.
Best Way to Add Popup Modals in React
26:19
Colby Fayock
Рет қаралды 10 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
Modal in ReactJS - Code a React Modal Tutorial using Hooks
18:26
How I learned Unity without following tutorials (Developing 1)
18:11
Game Maker's Toolkit
Рет қаралды 2,1 МЛН
10 React Hooks Explained // Plus Build your own from Scratch
13:15
Fireship
Рет қаралды 1,4 МЛН
She made herself an ear of corn from his marmalade candies🌽🌽🌽
00:38
Valja & Maxim Family
Рет қаралды 18 МЛН