Niket Kumar Mishraniket-points.hashnode.dev·Apr 7, 2024Unlocking Hidden Realms: Exploring React Portals for Intuitive User InterfacesIntroduction If you've ever wondered how Dr. Strange effortlessly travels through different dimensions, you'll love React Portals! Imagine them as your secret weapon for web design magic. With React Portals, you can do something similar – move elemen...DiscussReact
Nowon Leeblog.nwlee.com·Apr 6, 2024React Context로 모달 관리하기모달 컴포넌트 예시 예전에는 리액트 프로젝트에서 모달 컴포넌트를 렌더링할 때는 다음과 같은 방법을 주로 적용했다. // Modal.tsx interface ModalProps { isOpen: boolean; onClick: () => unknown; onClose: () => unknown; } const Modal = (props: ModalProps) => { const { isOpen, onClick, onClose } =...DiscussReact
Daniel Musembi danrez.hashnode.dev·Jan 8, 2024How to Set Up a Modal in React: A Step-by-Step GuideIntroduction Modals are essential to modern, interactive React user interfaces. Modals, often called dialog boxes or overlays, display content or collect user input without leaving the website. Alerts, forms, notifications, and other information are ...Discuss·12 likes·49 readsReact
Descoezigbo.hashnode.dev·Jan 4, 2024Mastering Dialog Components in Shadcn/ui LibraryI wasn’t a fan of UI libraries until I started using Shadcn UI. It has gathered a lot of attention over the past few months, but how stress-free it is making frontend developers experience. It is so flexible and offers a number of different types of ...DiscussNext.js
Noel Ethan Chiwambanoelethancast.hashnode.dev·Dec 20, 2023How To Create Modals with Unique Routes in Next.js: A Guide to Intercepting RoutesIn this guide you'll learn the following: What is a Modal? The Significance of a modal to users' experiences. What are Intercepting Routes? How to create a modal in Next.js using intercepting routes. This article provides an in-depth guide on ...Discussinterceptingroutes
Segun Ajibolablog.segunajibola.com·Dec 14, 2023How to Close Modal by Clicking Outside The ModalAdding interaction in a web application is very essential for modern development, but tiny effects can super change user experience in a positive way. In this article, you will learn how to close a modal by clicking outside of it. We will create a bu...Discuss·11 likes·138 readsNode.js
OnlineITtutsonlineittuts.hashnode.dev·Dec 13, 2023Create a Modal in HTML CSS and JavaScriptIn this article, we will explore Create a Modal in HTML CSS and JavaScript. A modal is a useful user interface element that pops up over the content, providing additional information or requiring user input. We will guide you step-by-step through the...Discussmodal
Sudwipto Kumar Mondalsudwipto.hashnode.dev·Oct 3, 2023React Native Modal with Backdrop (Deep-dive)We need to use React Native Modal in various scenarios in our application. The main purpose of the modal is to serve users an elevated view of any specific information and the actions associated with it. So, it plays a vital role but is often neglect...Discuss·1 like·50 readsReact Native
Ogunuyo Ogheneruemu Biruemu.hashnode.dev·Aug 26, 2023Creating Dynamic Modals with Unique Buttons Using HTML, CSS, and JavaScriptModals are a popular user interface element used to display additional content or actions on top of the current page. They are often used to show details, forms, or any content that needs user interaction without navigating away from the current page...Discuss·53 readsmodal
Ogunuyo Ogheneruemu Biruemu.hashnode.dev·Aug 17, 2023Creating a Modal for Login and Register Forms: A Step-by-Step GuideIn this tutorial, we'll guide you through creating a modal that allows users to switch between "Login" and "Register" forms in a seamless and user-friendly manner. We'll provide you with the HTML, CSS, and JavaScript code needed to implement this fea...Discuss·51 readsmodal