Shubham Jainjshanos.hashnode.devยทAug 19, 2024Advanced Techniques for Implementing Modals in Web ApplicationsModals are a fundamental UI component in web applications, providing an interactive way to present content, forms, or actions without navigating away from the current page. While adding a simple modal might seem straightforward, implementing them in ...Discussยท10 likesmodal
Sam Ferreeblog.samferree.devยทJun 21, 2024FeaturedBasics In Blazor - ModalThis post is part of a series called Basics in Blazor, where I explore returning to the simplicity of web UI, preferring semantic HTML and CSS to bloated, complicated, and/or restrictive component libraries. These posts focus on using Blazor to work ...Discussยท24 likesยท101 readsBasics in BlazorBlazor
The Murphthemurph.hashnode.devยทJun 11, 2024FeaturedBuilding Reusable Modals with HTMX, templ, and GoI am writing a website using HTMX and Go and I needed a simple and repeatable solution to show different types of modals to the user from the backend; primarily a confirmation modal where the user is required to click another button to confirm the ac...Discussยท18 likesยท1.1K readsGo Language
Serhat Bekbek-dev.hashnode.devยทMay 31, 2024Vanilla JavaScript - ModalIn this article, we'll build a modal using vanilla JavaScript, HTML, and SCSS that will include features like opening and closing with a button, and closing when clicking outside of the modal content. Before we start I'd like mention that I used: Bo...DiscussJavaScript
Lukaslukasnotes.dkยทMay 26, 2024Fine tune Llama 70B using Unsloth, LoRA & Modal as easy as OpenAI ChatGPTIntro I came across Modal last summer when I was on a self-inspired mission to run BLOOM 176B model as an open-source competition to ChatGPT. The guys at modal were amazing and after several days of tinkering after my work, I got it up using 6 GPUs s...Discussยท1 likeยท92 readsunsloth
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...Discussยท82 readsReact
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