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·74 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·918 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·30 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·62 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
Segun Ajibolaajibolasegun.hashnode.dev·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·301 readsNode.js