Публикации по теме 'material-ui'


Обновление за январь 2019 г.
Вот самые значительные изменения в январе: Мы ввели два новых компонента: Ссылка и Панировочные сухари . 🎁 Мы сделали material-ui-pickers рекомендуемым решением для компонентов Date & Time picker. 📅 Мы начали переводить документацию на 7 разных языков . 🌎🌍🌏 Ваша помощь приветствуется! Мы представили наши первые демонстрации TypeScript. Мы составили список из 40 новых проектов, использующих Material-UI в витрине . 🔍 Но это резюме лишь поверхностное...
Использование React Router searchParams для управления состоянием фильтра для списка
Я написал пару статей о приложениях из выбранного мной стека веб-приложений . Один из моих примеров — прогрессивное веб-приложение под названием Bar Tool . Это мобильное приложение, которое помогает таким энтузиастам миксологии, как я, использовать классические рецепты напитков. Bar Tool использует мой стандартный набор инструментов с привязками Google Material React на фронтенде . Основной частью пользовательского интерфейса Bar Tool является отображение списка рецептов, которые..
Создайте индивидуальную цветовую тему в Material-UI
Создать собственную цветовую тему для вашего следующего проекта React легко Недавно я начал использовать Material-UI для всех своих проектов на React и наслаждался тем, насколько просто создавать красивые интерфейсы. В этой статье я хочу объяснить, как начать работу с Material-UI и настроить тему цветовой палитры для использования в вашем следующем проекте. Что такое Material-UI? Material-UI - это фреймворк React UI, который следует принципам материального дизайна. Материальный..
Создание адаптивного веб-сайта с Material UI
В этой статье я хотел бы поделиться с вами тем, как создать адаптивный веб-сайт с Material UI . Материальный пользовательский интерфейс имеет несколько методов адаптивного стиля, и недавно у меня была возможность сделать свой веб-сервис адаптивным. Поэтому я представлю их здесь. Схема Как использовать медиазапрос Как использоватьMediaQuery Как установить и использовать theme.breakpoints Как использовать theme.breakpoints Как использовать медиазапрос Как вы, возможно,..
Знакомство с Material-Web Google: создание пользовательского поля пароля
Введение В быстро развивающейся среде веб-разработки использование готовых библиотек компонентов стало основным средством создания эффективных и визуально привлекательных приложений. Одной из таких библиотек, которая выделяется, является Material Web Components (MWC) от Google, часто называемая @material/web . MWC предоставляет набор веб-компонентов, соответствующих рекомендациям Google Material Design, которые теперь дополнены новейшими функциями Material 3, такими как динамический цвет..
useConfirm  — настраиваемый хук React для запроса подтверждения перед действием.
При разработке веб-приложений иногда нам приходится запрашивать у пользователя диалоговое окно подтверждения перед выполнением действия (например, удаление пользователя). Неэффективно создавать несколько диалогов и сложно поддерживать кучу повторяющихся логик между компонентами. Давайте создадим наш собственный хук useConfirm с нуля. Простая версия — с «window.confirm()» Если нет требований к пользовательскому интерфейсу в отношении того, как должен выглядеть ваш диалоговый..
Настройка MUI: TextField
Будучи интерфейсным веб-разработчиком, мне приходится постоянно заниматься созданием высококачественных и правильно функционирующих пользовательских интерфейсов, обеспечивающих понятный и приятный пользовательский интерфейс. Люди думают, что работа Front End Developer заключается только в создании «веб-сайта». Возможно, это те, кто считает HTML языком программирования🤷 Если говорить более прагматично, то сейчас у нас нет веб-сайтов, у нас есть «веб-приложения», и веб-приложения — это..