Видео

sure, can you send screens and the code? post it somewhere and try to post the link here in chat, I'll try to help you

@@omarjab thank you very much its working now

@@Chiby cool :) what was the problem?

@@omarjab can you do a tutorial on add to cart functionality in next js

I'm happy to hear it was helpful :) my main source of learning is youtube, is there a particular topic your're currently looking for?

How to create Local store in react with formik and send data main from data to other child component

Change the Use state to const [activeSearch , setActiveSearch] = useState<string[]>([]);

You're welcome! i'm happy to hear it helped :)

thank you so much, you're right and i will probably try but my accent sucks and i'm also shy aahhahahah but i will try for sure, thank you again :)

unfortunately i wrote that code on my old laptop and i've deleted all of my projects but i might make a new tutorial similar to this one pretty soon

thanks mate, I was looking for this..

using tailwind??

so you want to have just the icon on the initial state and then on hover, to expand into the search bar, right?

Yesss ssiiiirr with search bar functionality.

Thank you so much, i'm glad it helped :)

I was struggling with material ui components recently so I decided to make my owne custom component, your video made it easy for me 😂(Just now applied it into my project)

Overflow hidden

"prev" is a variable that represents the previous state value of openProfile, and it's used in the callback function to change the new state value based on that previous value. example : openProfile is 25, if you did () => setOpenProfile((prev) => prev+2) inside the openProfile function, the useState of openProfile would change to 27, because it has stored the previous value, which is 25 and added 2. think of prev as the value of the state before updating it

@@omarjab okay thank you very much for this explanation it was very helpful.

github.com/omarjab01/portfolio_tutorial

@@omarjab it helps me a lot bro if possible kindly post a MERN full stack app demo for students 😀

certainly there will be several ways, but the one I use is to add in div that acts as a container behind the actual dropdown and this container must have z-index less than the dropdown menu and it must expand throughout the page. It will then have fixed or absolute position, width 100vw and height 100vh. then, you'll need to add click event to this container and run a js function. In this javascript function you would have to go and check if what you clicked (when the menu was open) was the menu or the rest, i.e. the container and you could do this by going and assigning an id to the menu so that on click you can compare it with the id of the container. if they don't match, it means you clicked the container and then only then do you change the state of the dropdown menu to close it. i will probably make a tutorial on that pretty soon

Thank you for watching the video :)

Grazie :)

sure :) is there anything in particular you want to see?

@@omarjab well, just like your previous videos, Horizontal scroll, Instagram Card etc. Make videos on such stuff. For Example, Instagram Profile UI, Instagram home ui, Chat, WhatsApp UI All this in Tailwindcss and ReactJS

Oh okay, thank you for the ideas. I will be posting more about react starting from now