#material-ui

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...

Oct 9, 20258 min read

YMYuji Minsage-min-kor.hashnode.dev

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

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

Sep 14, 20258 min read

YMYuji Minsage-min.hashnode.dev

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...

Sep 14, 202510 min read

DKDarshan Kdarshank7.hashnode.dev

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...

Sep 5, 20252 min read

CCodeReachercodereacher.hashnode.dev

🌐 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...

Jun 26, 20253 min read

KCkrishna chaitanyakrishnavulchi.com

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 ...

May 27, 20252 min read

AMAmbrose Mungaiambrosemungai.com

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...

May 20, 20253 min read

SJSunil Joshisunil.hashnode.dev

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...

Apr 25, 20257 min read

CCodeReachercodereacherai.hashnode.dev

🤖 Kickstarting Your AI-Powered React Project: A Full-Stack Blueprint (with GPT, FastAPI & Docker)

Integrating AI capabilities into your web app is now more achievable than ever, thanks to powerful APIs, robust front-end libraries, and cloud-based DevOps platforms. This guide walks you through how to structure, build, and scale an AI-based web app...

Apr 17, 20253 min read

SDSonal Diwansonad.hashnode.dev

Override MUI component style and related bugs

Great topic — overriding Material UI (MUI) component styles is essential in real-world projects, especially large-scale ones. Let’s break it down: 🔹 How to Override MUI Component Styles There are multiple ways to customize MUI components: ✅ 1. Usi...

Apr 9, 20256 min read

Tag feed

Tag feed

#material-ui

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

🤖 Kickstarting Your AI-Powered React Project: A Full-Stack Blueprint (with GPT, FastAPI & Docker)

Override MUI component style and related bugs

#material-ui

Search Hashnode

#material-ui

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

🤖 Kickstarting Your AI-Powered React Project: A Full-Stack Blueprint (with GPT, FastAPI & Docker)

Override MUI component style and related bugs