JWT, or JSON Web Token, is a compact and secure way to transmit information between a client and a server as a JSON object. It’s commonly used for authentication in web applications, allowing users to log in and access protected resources. A JWT cons...
Function VS Class In the world of React development, components are the building blocks of every user interface. Traditionally, developers used Class Components to manage state and lifecycle methods, but with the introduction of Hooks, Function Compo...
what is mongodb atlas MongoDB Atlas is a fully managed cloud database service designed to simplify the deployment and management of MongoDB, a NoSQL database. Unlike traditional relational databases, MongoDB stores data in JSON-like documents, making...
"Open modal" means displaying a pop-up window (modal) that appears on top of the page content and its often used to focus the user’s attention on something important, like a larger version of an image. how to open modal 1) add imgModal that will be t...
An image slider (also called an image carousel) is a feature on a website that displays a series of images in a rotating or sliding format. It typically allows users to manually control the slideshow using arrows, dots, or swipe gestures. How to add ...
React Router can solve the concern when creating a single-page application (SPA) while wanting to have something like multiple pages. Simply wrap the desired routes with a BrowserRouter and a Switch. <BrowserRouter> <Switch> <Route exact ...
Prop drilling in React refers to the process of passing data from a parent component to deeply nested child components via props, even if intermediate components do not need the data. This can make the code harder to maintain and scale. So, instead o...
This is a continuation of the article How to Implement Auto Light and Dark Mode Using Only HTML Auto light and dark mode is indeed easy, but it would be better if users were given the option to change the mode within the web page. This can be impleme...
This is for someone who has basic knowledge of React but wants to make a Windows app. So here's how to do it. 1) Create new electron app using webpack template npx create-electron-app@latest my-app --template=webpack 2) Install babel npm install --s...
