How to create a modal in Reactjs/Hooks. Best To Do List App #15.

In this episode of the best to do list application, I am going to walk you through creating a modal in reactjs. This modal is going to be responsible for creating todos, which we will handle in the next episode of the series.
#reactjs #todolist #fullstack #javascript #besttodolist
Source Code: github.com/dieudonneAwa/todo/...
👇👇👇SUBSCRIBE TO THE CHANNEL 👇👇👇👇
/ @fullstackmastery
OTHER VIDEOS YOU MIGHT LIKE👇👇
- How to Setup React app from SCRATCH: • How to setup React app...
- How to create a responsive hamburger navigation menu: • Responsive Hamburger m...
- JWT authentication in Reactjs using Cookies: • How to handle authenti...
- How to render a list of todo objects in Reactjs: • How to Render an array...
- Form validation with React hooks: • Sign up form validatio...
- How to setup sequelize and postgres: • How to setup Sequelize...
- Password Reset using SendGrid: • Password Reset using S...
- CRUD Operations with sequelize: • CRUD operations with S...
- How to create sequelize migrations and associations: • Create Sequelize Migra...
- NodeJS Authentication with JWT: • Implement Authenticati...
Follow FullStack Mastery on Twitter: FullstackValley?s=09
Follow FullStack Mastery on Facebook: lm. l.php?u=https...

[@Nick8nite]

thank you for this!! Definitely needed for the project I am currently attempting

[@okedejitofunmi3149]

some how of all the tutorials i tried working with to suit my existing project structure this does the job even with the not so good audio quality. i was able to implement almost everything but i think i missed how you made the cancel button on the modal disable the modal. thank you for this once again

[@fullstackmastery]

Thanks @Okedeji
I'm very glad the tutorial was helpful. If you're having any issues, kindly get the link to the project in the videos description. And don't forget to like share and subscribe for more upcoming videos.

[@ayaankh245]

Hi Nice video @FullStack Mastery how can we add in styled-components to style transform : ${(showModal) =>(showModal ? "tansform(0px)" : "trnasform(-10px)")}. Thanks for the nice video tutorial.

[@fullstackmastery]

@ayaan
Thanks for watching the video.
Your code is supposed to be
${({ showModal }) => (showModal ? "transform: translateX(0px)" : "transformX(-10px)")}
Please cross check your code.
Thanks again

[@mohdashraf2210]

Great Tutorial!! Just improve upon the voice quality.

[@fullstackmastery]

I'm glad you find it helpful.
Thanks for your feedback, I will try and improve the quality next time.