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


Как сделать столбцы постоянными — Material-UI DataGrid
Как только я начал работать с Material-UI DataGrid, я почувствовал больше контроля над действиями, которые пользователь обычно должен выполнять при работе с таблицами. Я не буду вдаваться в подробности того, как реализовать таблицу в вашей кодовой базе, поскольку эта тема широко освещена, а документация также довольно интуитивно понятна. Вы можете найти документацию здесь; Начало работы с Mui-DataGrid . Давайте углубимся в вариант использования, который мы будем изучать в этой..
Создание расширяемого древовидного представления Dope в React
Получать дочерние узлы асинхронно с сервера при нажатии родителя Мотивация Я писал эту функциональность как часть требования к работе по отображению иерархии организации. Это оказалось сложнее, чем я сначала ожидал. Постановка задачи заключалась в том, чтобы структурировать данные, которые мы извлекли из внутреннего API, и отобразить их в компоненте TreeView из пользовательского интерфейса материала . Нам приходилось получать большие объемы данных, поэтому все дерево не могло быть..
Создайте сетку карт с MUI
Что такое материальный пользовательский интерфейс? Material UI — это библиотека компонентов React, которая реализует материальный дизайн Google. Material Design — это система дизайна с открытым исходным кодом, разработанная Google в 2014 году, чтобы помочь командам разработчиков создавать высококачественные цифровые приложения для Android, iOS, Flutter и Интернета. Создание сетки Мы собираемся воссоздать следующую сетку карточек, используя Material UI. Я создал это в чистом..
Обновление за февраль 2019 г.
Вот самые значительные изменения в феврале: Мы начали работу над Material-UI v4 . Вы можете найти следующую документацию по этому URL-адресу: https://next.material-ui.com/ . Вы можете видеть запланированные критические изменения и отслеживать наш прогресс . 🔥 Мы запустили опрос разработчиков . На этом мы построим нашу дорожную карту. Хотите больше компонентов, лучшую документацию, лучшую поддержку TypeScript, более простые переопределения стилей, меньший размер пакета, другую..
Full Stack ROS (операционная система для роботов)
У вас есть робот, работающий под управлением ROS, и вы хотели бы иметь возможность контролировать его и/или управлять им с помощью внешнего интерфейса. Что такое экономически эффективное решение полного стека ? Я представлю стек, который я использую в Robotnik , испанской робототехнической компании, которую недавно купила Universal Robots . В этом посте я дам вам обзор стека, но в будущем я расскажу более подробно и предоставлю вам обучающие ресурсы для каждой части стека. И я..
Получение пользовательского API Github с помощью хука useEffect
Получение пользовательского API Github с помощью хука useEffect React — это интерфейсная библиотека javascript с открытым исходным кодом, используемая для создания пользовательского интерфейса или компонентов пользовательского интерфейса. В этой статье мы увидим, как использовать хук реакции useEffect, загружая пользовательский API GitHub в наше приложение реакции. Прежде чем начать с useEffect, давайте посмотрим, что такое react-hook? Хуки обратно совместимы, что означает, что..
SSR с Next.js, стилизованными компонентами и пользовательским интерфейсом материала
Рендеринг на стороне сервера со стилизованным компонентом и пользовательским интерфейсом материала в Next.js с использованием ServerStyleSheets. Material-UI и styled-components отлично работают со всеми компонентами. Цель этой статьи - рассказать, как использовать рендеринг на стороне сервера в приложении Next.js со стилями компонентов и UI материала. Пример репо Вы можете просмотреть окончательный рабочий пример по адресу: manakuro /..