Search for a command to run...
Hello everyone Next.js 15 introduces a new Form component that makes handling forms easier than ever. Let's take a quick look at how to use it! How to Use the Form Component First, import the Form component: import Form from 'next/form'; Now, let's ...
This article demonstrates a simple image reveal animation when hovering over items. The HTML code represents a section with works, including images and titles. The CSS code provides the necessary styling for the layout and animation. The JavaScript c...
Hello Guuys! To transitions an element's height from 0 to auto when its height is unknown. Use transition to specify that changes to max-height should be transitioned over. Use overflow: hidden to prevent the contents of the hidden element from ove...
awesome-react-hooks A curated list of awesome things related to React Hooks Resources Official Official Documentation Related awesome lists General Articles React Js Resize, Compress and Crop Image Size Tutorial How to use React useReducer hook...
Here are 10 animation libraries for React that you can use to create animations in your React projects. Framer Motion (https://www.framer.com/motion/) - A React animation toolkit that makes simple animations using two APIs: Framer and Motion. Remot...
Hello GUYS! Here is how we gonna write the "update password " controller together 1. Grab an old and new password from the body2. Now we have to check if we pass both the old and new passwords to req. body3. Great, we have to find a logged-in user,...
Hello Guuys! Today I'll share with you JavaScript Date Cheatsheet, JAVASCRIPT GET DATE METHODS const todayDate = new Date(); todayDate; // Sun Dec 25 2022 02:22:41 GMT+0100 (GMT+01:00) todayDate.getDate(); // 25 todayDate.getMonth(); // 11 todayDate...
Hello! Today I'll share with you some resources of Tailwind CSS Component Collections Daisy UI This is the most popular, free and open source UI library. it has a cleaner html and gives you as well polished customizable theme. Flowbite Flowbite is an...
Hello Guuys! Today we'll be taking a loot two web API and their differences, ## Local Storage // set the value in local storage object localStorage.setItem("name", myName); // get the value from storage localStorage.getItem("name"); // delete the v...