Samana Butool Mirzafrom-procrastination-to-progress.hashnode.dev·Dec 12, 2024Balancing the Art of CSS and UI LibrariesHello Developers! CSS and UI libraries often feel like a tangled web of complexity, but they hold the power to create stunning user interfaces. In this article, I share my journey of mastering CSS and balancing it with UI libraries like Tailwind CSS ...coreui
bchiragbchirag.hashnode.dev·Nov 23, 2024How to setup Material-UI (MUI) theme globally in a React project?Why to set up MUI theming? Setting up a global theme in Material-UI is a powerful way to maintain a consistent design system across your entire React application. Centralized style management All your designs - colors, fonts, spacing, shapes are m...React
Vitalii-Alan Banitcraftyourstartup.hashnode.dev·Nov 6, 2024Building Craft Your Startup: How FastAPI + React Can Empower Indie DevsIntroduction Indie makers have a unique approach: we’re not just building products; we’re building dreams, usually solo or with a small team. When I set out to create Craft Your Startup, my goal was to build a FastAPI + React boilerplate that could s...96 readsBuild In Public
Rajni RetheshforMiddleware - Be Productive, Not Busy!middlewarehq.com·Oct 14, 2024Material UI Dora Metrics: Ships Updates like a Pro, First Response Times Could Do BetterImagine you're building a sleek, modern web application, and you want it to look fantastic without spending ages on design. That's where Material UI comes in! It’s like having a toolbox filled with all the right components for your React project. MUI...100 Days of Dora Metrics Case Studiesmaterial ui
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
Shubham Kumar SinghforElectro4uelectro4u.hashnode.dev·Aug 17, 2024Let's Create a Stepper Using Material UI in React!Hi everyone, Welcome to my blog. Today, I'm thrilled to show you how to create a Stepper component in React using Material-UI. It's ideal for displaying progress through a series of steps! Code Available on GitHub: Link What is a Stepper? The Step...react js
Pooja Vermapoojavermaa.hashnode.dev·Jul 16, 2024A Comprehensive Guide to Material-UI for React DevelopersIntroduction As a React developer, building a visually appealing and user-friendly interface can sometimes be challenging. Thankfully, Material-UI provides a comprehensive suite of tools to make your life easier. Based on Google's Material Design gui...222 readsmaterial ui
Ebube Anyanwuchiefebube.hashnode.dev·Jul 1, 2024Tailwind CSS vs. Material-UI: A Simple ComparisonIn the world of front-end development, choosing the right CSS framework can be as crucial as picking the right footwear to do your workout. Do you workout regularly? I think you should consider it if you don't, there's a whole lot of benefits to work...33 readsFrontend Development
Aditya Dhaygudeaadiiblogs.hashnode.dev·Jul 1, 2024🎨 Unleashing the Power of MUI: Transform Your React App with Material-UI 💎🌟 Introduction Picture this: you’re crafting a stunning React application, but something is missing. You want it to be sleek, modern, and user-friendly. Enter MUI (Material-UI), the knight in shining armor for React developers. MUI brings the elegan...11 likesWeb Development
Tarun Pandeytpandey495.hashnode.dev·Jun 26, 2024How to implement drag-and-drop functionality for rows in Material-UI DataGrid using React Beautiful DnD?Drag and drop functionality is a powerful feature in web applications that enhances user interaction and usability. In this blog, we'll explore how to integrate drag and drop capabilities into a Material-UI (MUI) Data Grid using react-beautiful-dnd. ...3 likes·533 readsmaterial ui