Hirusha Fernandohirushafernando.hashnode.dev·Apr 13, 2024Ant Blazor Modal Using Modal ComponentIn my previous article, I talked about how to create Ant Blazor modal dialog using the services. Today, let’s how to create a modal dialog using Ant Design Blazor’s Modal Component. Let’s start with a basic example. <Button Type="@ButtonType.Primary"...DiscussAnt BlazorBlazor
FASUNHANMI PELUMIcodewithjoi.hashnode.dev·Apr 11, 2024AntDesign simplifiedAnt Design is a UI library that provides simple components for creating interactive user interfaces.It is a popular choice for React-based web application design due to its ease of use and seamless integration features. Ant Design provides a collecti...Discuss·2 likesAnt Design
Hirusha Fernandohirushafernando.hashnode.dev·Apr 3, 2024How To Add Ant Design To Blazor ProjectAnt Design Blazor is a UI component library for Blazor Framework. It contains a set of high-quality components. It supports .NET Core 3.1, .NET 5, .NET 6, and .Net 7. You can see an online demo created using Ant Design Blazor from this link. Let’s se...Discuss·104 readsAnt Blazorant blazor
Chaiweichaiwei.hashnode.dev·Dec 29, 2023Resolving React Warning: Maximum Update Depth Exceeded in Google Maps AutocompleteRecently, while implementing a Google Maps autocomplete functionality within a React component, I stumbled upon this error. Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect eithe...Discuss·91 readsreact-google-maps
Ahsan Tahirahsanjs.hashnode.dev·Dec 21, 2023Upload Files to Supabase using React, Antd and TypescriptLets start by creating a new react app: yarn create vite supabase-file-upload --template react-ts Now install antd and supabase client library: yarn add @supabase/supabase-js antd Create a new supabase project by visiting supabase.com Now go to you...Discuss·184 readsProgramming Blogs
DevLibrarystokesysam.hashnode.dev·Sep 3, 2023Customising Ant Design's Date Picker with date-fnsIntroduction If you're using Ant Design in your React project, you may already be familiar with its feature-rich Date Picker component. While it is highly customizable, you might want to further modify its behaviour to meet specific requirements. In ...Discuss·205 readsdate-fns
Dana Kimdanakim.hashnode.dev·Aug 28, 2023Build Admin Dashboard App using Ant DesignInstall npm install antd yarn add antd https://github.com/ant-design/ant-design Usage import React from 'react'; import { Button, DatePicker } from 'antd'; const App = () => ( <> <Button type="primary">PRESS ME</Button> <DatePicker placeho...DiscussAnt Design
Samir Alibabicblog.samiralibabic.com·Aug 5, 2023Combining AntDesign and TailwindCSSThe Why? I’m working on a project which I would like to ship as fast as possible, as I want to validate my idea with an MVP and some beta users. Therefore, I opted for a component/design library (for React). After evaluating a few, I found AntDesign ...Discuss·11 likes·34 readsTailwind CSS
Tien Nguyentiennguyen.hashnode.dev·Feb 19, 2023Building Responsive Web Apps with Ant Design and ReactIn today's digital world, building responsive web applications is crucial for businesses. Ant Design and React are two powerful technologies that can be used to create beautiful, responsive web apps. Ant Design is a UI library that provides a set of ...Discuss·3 likes·1.3K readsAnt Design
Clarence BakosiforOpen Replay's Technical Blogopenreplay.hashnode.dev·Feb 15, 2023Building React components using Ant DesignCSS (Cascading Style Sheets) libraries have grown in popularity, and more libraries are now available to help web developers reduce development time and increase productivity. Ant Design is a CSS library designed to work with React and in React frame...Discuss·1 like·213 readsReact