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


Создание трекера тренировок с помощью React и Firebase: часть 1
Всем привет! Создавая веб-приложение для отслеживания моей физической активности, я узнал много вещей, которыми я поделюсь с вами в этом руководстве. Живая демонстрация: https://master.d3963aoi020v9l.amplifyapp.com/ Это руководство предназначено для новичков в React, у которых уже есть опыт использования ES6 и create-react-app. Мы будем использовать: 100% React Hooks, Router и Context API Аутентификация Firebase и база данных noSQL Материальные компоненты пользовательского..
Получение высокой оценки Progressive Web App на React + Material-UI
Быстрое и прогрессивное веб-приложение является обязательным стандартом для недавней интерфейсной разработки. Встретить прогрессивность и производительность порой становится не так-то просто. Одностраничное приложение обычно поставляется с тяжелым пакетом кода JavaScript. Устройство клиента должно загрузить его, прежде чем приложение станет интерактивным. Google пытается помочь разработчикам оценить производительность приложений с помощью утилиты Lighthouse. Его можно найти на..
Создайте приложение для создания самого себя - Создайте диаграмму Ганта с помощью Angular 6
Быстрые обновления: Со времени последнего редактирования этой статьи я сделал некоторые обновления. Самая важная новая функция - это панель управления на домашней странице, которая позволяет пользователю работать с несколькими диаграммами. В реализации создается новый маршрут chart и новый компонент ChartComponent для отображения отдельной диаграммы, а вместо этого HomeComponent будет отображать панель мониторинга. Как и следовало ожидать, база данных в localStorage на данный..
material-table: библиотека данных с открытым исходным кодом, основанная на react и material-ui.
Я опубликовал проект таблицы материалов, который представляет собой библиотеку с возможностью обработки данных. Я использовал библиотеку react и material-ui для создания своих UI-проектов. В каждом проекте мне нужна таблица данных, которая должна охватывать функции сортировки, фильтрации, разбиения по страницам, группировки и т. Д. Я изучал проекты с открытым исходным кодом, но не смог найти подходящий. Поэтому я решил написать свою собственную таблицу данных и опубликовать ее как..
SwiftUI: сборка микросхем с контейнером автораспределения
Как реализовать чипы выбора компонентов материала с помощью SwiftUI? Пользовательский интерфейс Chips - это часть материального дизайна. Они широко используются в качестве вспомогательного компонента, включая домашнюю страницу носителя. Сначала мы разберемся, что требуется для создания хорошего пользовательского интерфейса чипов. Требование Chips View, который включает изображение и текст Выбрать жест и отменить выбор Контейнер автоматического макета, который может разметить..
Как создать приложение с помощью перетаскивания с помощью Angular
Создание приложения с функциями перетаскивания, от дел к выполнению Перетаскивание - это функция многих интерактивных веб-приложений. Он предоставляет пользователям интуитивно понятный способ манипулировать своими данными. Для приложений Angular легко добавить функцию перетаскивания. В этой части мы создадим приложение с двумя столбцами: столбец to-do и столбец Готово . Вы можете перетаскивать между ними два, чтобы изменить статус с дел на выполненное и наоборот. Для создания..
Перевод материалов на пагинатор
Перевод кастомных пакетов angular Если вы хотите перевести компоненты материала, такие как пагинатор материалов , вам не удастся расширить некоторые классы. Итак, для пагинатора вам нужно расширить класс под названием MatPaginatorIntl . Поскольку мы хотим использовать нашу службу пользовательского перевода с ее реестром и загрузчиком, мы обычно расширяем TranslationBase . Из-за ограничений TypeScript невозможно расширить / унаследовать более одного класса в одном классе...