Abizeyimana Victorvictor-abz.hashnode.dev·Feb 15, 2024How to Migrate from Material-UI 4 to 5In this article I’ll share with you my own experience in migration from material UI 4 to 5, it is so easy, such as drinking a cup of coffee. Ok, let's go first of all, you need to upgrade your React js version at least to v17.0.0 (mine is v17.0.2), a...DiscussQuick Bitsmaterial ui
Kaushal Luffakluffa-blog.vercel.app·Jan 27, 2024Setup React App with MUI, Vite, TypescriptThere are many components libraries out there to build frontend web applications in react. But today we will talk about MUI component library that provides a huge number of components to work with and almost all of them are very useful. Lets start by...Discuss·2 likesReact
WrapPixelwrappixel.hashnode.dev·Dec 19, 2023Using Data Grid Component in MUI X (Material UI) with ReactIn one of our previous articles, we got to know about the MUI X component library for React. But as we know, MUI X is used for data-rich applications. That's why one of its most popular components is the Material UI Data Grid component. It can show t...DiscussReact
ILLA CloudforILLA Cloud Blogillacloud.hashnode.dev·Dec 19, 20232024 has arrived, should I choose MUI?2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informe...Discuss·28 readsBlogJavaScript
ILLA CloudforILLA Cloud Blogillacloud.hashnode.dev·Dec 19, 2023Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices. Why...Discuss·86 readsBlogUI library
Daniel Ramirezdrmzio.hashnode.dev·Aug 11, 2023Material UI: Create Normal Looking TextFields The Easy Wayimport FormControl from '@mui/material/FormControl'; import FormLabel from '@mui/material/FormLabel'; import OutlinedInput from '@mui/material/OutlinedInput'; function TextFieldDemo() { return ( <FormControl size="small"> <FormLabel html...DiscussMaterial Design
Adarsh Guptathatsmeadarsh.hashnode.dev·Jul 17, 2023How to solve DataGrid (MUI) issue: Cannot read properties of undefined (reading 'mode')What is MUI? MUI is a React library that implements Google’s Material Design and its grid system. Widely used in Android app development, MUI defines a set of principles and guidelines for designing UI components. The creators of this technology sho...Discuss·10 likes·361 readsmui
Mitesh Tankcodewithmitesh.hashnode.dev·Jun 30, 2023MUI Components Vs Styled Components Vs Tailwind CSSIntroduction : In today's fast-paced world dominated by AI, developers generally prefer not to write CSS code from scratch or create their design elements and styles. Unless you're a design researcher or a professional UI designer with expertise in C...Discuss·4 likes·100 readsReact
Nweke Chidinwekechidi.hashnode.dev·Jun 18, 2023Resolving 'Prop className Did Not Match' Error in Next.js and Material-UI.Introduction One Sunday afternoon, while working on my web development project, I ran into a puzzling issue. As I was coding along with a tutorial video using Next.js and Material-UI, an error message halted my flow: 'Prop className Did Not Match.' D...Discuss·1 like·155 readsNext.js
Ben Gardinerbengardiner.hashnode.dev·Jun 13, 2023Creating a Vite, Mui and Supabase based CRUD application with refine.dev in under 8 minutes.Hey folks! Today, I'm thrilled to introduce you to a way of getting your next CRUD app up and running in minutes using refine.dev This amazing project has become a personal favourite of mine, and I've had the pleasure of using it extensively for my w...Discuss·3 likes·99 readsrefine