Build a Modal Component purely in ReactJS and TailwindCSS
Вставка
- Опубліковано 26 лип 2024
- #reactjs #reactjstutorial #modal #tutorial #tailwindcss #webdevelopment
In this video you'll learn how to make a Modal or Dialog Box Component in ReactJS and Tailwind CSS from scratch (without any additional libraries) under 6 minutes, which will be a reusable and customizable component that you can use in your own projects. We will also cover how to add smooth transitions to the Modal Component easily only using Tailwind CSS.
A Modal Component is a common UI element used in many web applications to display content in a popup window. By the end of this video, you will have a working Modal Component that you can use in your ReactJS projects. Whether you are a beginner or an experienced ReactJS developer, you will find value in this tutorial.
Source Code:
gist.github.com/nimone/c2a86e...
Socials:
Instagram: / ycldev
Twitter: / yourcodelab
For anyone wondering, this was the most clear and precise video i could find on this topic. Go for it!!
Hey Shreya, thank you for your kind words. I am gald you found the video helpful.
loves these React plus tailwind tuts, both are my favorite!
Mine too!
Very good!! You're teaching me a lot, man!
Amazing content, this is what I was looking for. keep it up man💗
Thank you for your kind words brother 😊
wow! I am very impressed. I hope you make more video like this!
Thanks for watching! I hope to do a video soon, stay tuned✌️
Very helpful, thank you!
Good job friends 👏, nice video
This really came in handy 😅
Buenisimo! muchas gracias
Thank you very much! It was explained very clearly!
Nice video! me ayudo mucho
Thank you
We could use headlessUI for this but this is awesome content! And great to know.
Where's the fun in using pre made components 😆
@@ycldev exactly that's why I searched hahaha because I didn't want to use headless ui
Very nice effort bro, we need complete dashboard and landing page on tailwind but before that we need some basica of the tailwind
I am planning on doing projects with tailwind soon.
Can u please integrate a laravel api using redux toolkit in that .. if u do believe me u ll get high remarks
Great ilustration of how to create a Modal Componnt in React (with TailwindCSS) - Thanks.
{2024-04-06} - Subscribed!
Thanks for the sub 👍
@@ycldev - Thank you for the tutorial.
Super ..can you make more functionalities on react
Definitely! I will keep adding more to this series
sorry i dont understand may be i am wrong but are you using tailwind and bootstrap simultaneously? if yes than why?
I am only using tailwind. I guess you are wondering about the .btn classes, I already showed the corresponding styles for it earlier in the video.
By any chance you have this code in a repository like Github ? I'm too lazy to follow along to write it ;-)
Check the description now.
are portals no longer required?
You can definitely use portals and render the modals at a different target all together. But I like to avoid them as much as I can.
AI has taken over you beautiful voice.
Still experimenting what works 👨🔬
Get rid of that horrible font please............
What's wrong with the font?
@@ycldev it's some weird curly cursive looking thing. Just makes it much harder to read
Oh, btw I have changed the font in the recent videos.
@@ycldev name this font extension how to apply in my vs code