Tag feed

#material-ui

92 posts117 followers

Explore Hashnode

Alternatives

Trending tags this week

SNShakiran Nannyombishakiran.hashnode.dev5d ago · 4 min read

Deep Dives & Data Architecture: Translating Requirements into Design (Week 2)

If you caught my last post, you know Week 1 was all about surviving the transition from independent solo projects to peer-led team planning. This week, the training wheels completely came off. We move

0

CZChloe Zhouchloezhou.devMay 16 · 8 min read

Migrating MUI in a Single-SPA Microfrontend — What the Official Docs Don't Tell You

This article is the third in a series. The first two cover individual problems in detail: MUI v4/v5 Style Conflicts in single-spa — A Complete Debug Record and Static CSS Leakage in Microfrontends — W

0

HCHitesh Chauhanfreecodecamp.orgOct 9, 2025 · 8 min read

How to Use the react-mui-sidebar Package to Build Responsive, Customizable Sidebars

In modern web development, a well-designed sidebar can greatly improve the user experience by providing easy navigation and access to important features. The react-mui-sidebar, powered by Material-UI, is a helpful React NPM package designed to make i...

0

YMYuji Minsage-min-kor.hashnode.devSep 14, 2025 · 8 min read

유지보수 업무의 기쁨과 슬픔: 디자인 시스템의 오래된 의존성 마이그레이션하기

1. 개요 우리 팀은 회사의 이름을 걸고(?) 디자인 시스템 라이브러리를 운영하고 있다. 개발할 때 디자인 시스템을 활용하니 같은 디자인과 스타일을 가진 컴포넌트를 프로젝트 전반에, 그리고 각기 다른 프로젝트 간에 일관되게 이용할 수 있어서 꽤 편리했다. 최근 이 디자인 시스템이 전사의 모든 팀에 점진적으로 확산될 계획이었기 때문에 우리 팀은 그것을 위한 준비를 했어야 했다. 이번 글은 우리 팀이 운영하는 디자인 시스템 라이브러리를 대상으로 R...

0

YMYuji Minsage-min.hashnode.devSep 14, 2025 · 10 min read

The Joys and Sorrows of Maintenance: Migrating Legacy Dependencies in a Design System

1. Overview Our team operates the company’s official design system library. Using a design system made it convenient to apply the same design and style across different projects with consistency. Recently, since the design system was planned to gradu...

0

DKDarshan Kdarshank7.hashnode.devSep 5, 2025 · 2 min read

Virtual Scroll in Angular custom implementation and CDK scroll

When dealing with large lists in Angular, performance quickly becomes an issue. Rendering thousands of items with *ngFor will make the DOM heavy and scrolling sluggish. The solution is Virtual Scrolling — only rendering what’s visible in the viewport...

0

CCodeReachercodereacher.hashnode.devJun 26, 2025 · 3 min read

🌐 Social Media App with Real-Time Chat and Post Feed (Spring Boot + React)

💡 What Is It? This project is a full-stack Social Media Application where users can: Create personal or business profiles Post text updates, images, or videos Connect and interact with friends Chat with other users in real time Manage content v...

0

KCkrishna chaitanyakrishnavulchi.comMay 27, 2025 · 2 min read

Real-Time Chat Application Features

Core Features 💬 Real-time messaging using Socket.IO 👥 Multi-user chat rooms 🔐 User authentication with persistent sessions 🏠 Room creation and management 📱 Responsive design using Material-UI Technical Features 🔄 Automatic reconnection ...

0

AMAmbrose Mungaiambrosemungai.comMay 20, 2025 · 3 min read

Adding material symbols to a Phoenix project

Using Material Symbols with Phoenix and Tailwind CSS Material Symbols is the variable font version of Google’s Material Icons. Unlike traditional icon fonts, variable fonts allow a single file to contain multiple stylistic variations—significantly re...

0

SJSunil Joshisunil.hashnode.devApr 25, 2025 · 7 min read

How to Customize Material UI Themes While Maintaining Accessibility

Material UI is a premier component library for React, widely appreciated for its comprehensive theming capabilities that enhance UI consistency and scalability. It is particularly valuable for developers aiming to implement customizable and dynamic d...

0

#material-ui

Search Hashnode

#material-ui

Explore Hashnode

Trending tags this week

Deep Dives & Data Architecture: Translating Requirements into Design (Week 2)

Migrating MUI in a Single-SPA Microfrontend — What the Official Docs Don't Tell You

How to Use the react-mui-sidebar Package to Build Responsive, Customizable Sidebars

유지보수 업무의 기쁨과 슬픔: 디자인 시스템의 오래된 의존성 마이그레이션하기

The Joys and Sorrows of Maintenance: Migrating Legacy Dependencies in a Design System

Virtual Scroll in Angular custom implementation and CDK scroll

🌐 Social Media App with Real-Time Chat and Post Feed (Spring Boot + React)

Real-Time Chat Application Features

Adding material symbols to a Phoenix project

How to Customize Material UI Themes While Maintaining Accessibility