Think Throothinkthroo.hashnode.dev·Dec 9, 2024Dynamic form in LobeChat source code.In this article, we analyse Settings modal that renders the form fields dynamically by reviewing the Lobechat source code. There’s a catch here, when you refresh the page, the settings no longer appears as a form, instead it appears as a page as sho... Dynamic Form
Rajni RetheshforMiddleware - Be Productive, Not Busy!middlewarehq.com·Nov 4, 2024Ant Design Dora Metrics: Speedy, Sleek, and Almost There—But Can They Crack the Cycle Time Code?Ever wished building web apps was as easy as assembling IKEA furniture? That’s exactly what Ant Design (AntD) feels like! Instead of building everything from scratch, you get a bunch of pre-made components—like buttons, tables, and forms—that you ca...100 Days of Dora Metrics Case StudiesAnt Design
Saurabh Guptacodecraft-by-saurabh.hashnode.dev·Oct 24, 2024How to Create Efficient Forms in Next.js Using react-hook-form and Ant DesignIntroduction Forms are one of the most critical components in web development. Efficiently managing form states and validation can be challenging, especially when working with complex forms. Thankfully, libraries like react-hook-form simplify form ma...71 readsReactHooks
Frank Lamfranklam.hashnode.dev·Sep 26, 2024React Hook Form’s Controller: When and Why to Use ItWhen building forms in React, managing form state and validations can get tricky, especially when using third-party form components like Material-UI or Ant Design, which don’t integrate seamlessly with React Hook Form’s native inputs. This is where C...React
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"...Ant 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...3 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...115 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...123 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...215 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 ...208 readsdate-fns