Arunkumar Gopalanarung.hashnode.dev·Jul 18, 2024Step-by-Step Guide to Creating an Authentication App in React with Typescript and ViteI'll provide you with a step-by-step guide to creating a User Authentication App with the features you've specified using React, Vite, MUI, Tailwind CSS, and TypeScript. We'll set up the project and implement the required features. Project Setup Fi...DiscussReact
Haseeb Mirzahaseebmirza.hashnode.dev·Jun 21, 2024Building a Modern React App with Vite, Redux Toolkit, MUI, and TypeScriptIn this article, we will walk through the creation of a modern React application using Vite, Redux Toolkit, Material-UI (MUI), and TypeScript. Our app will include a registration page and a page to display registered users. We will use Redux Toolkit ...Discussredux-toolkit
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
Kaushalkluffa-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...DiscussBlogJavaScript
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·84 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·348 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·114 readsReact