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


Как использовать точки останова CSS в пользовательском интерфейсе материала
В мире веб-дизайна точки останова CSS помогают нам разработать более надежный, отзывчивый веб-сайт, определяя, когда показывать и скрывать определенные элементы, изменяя размер компонентов, чтобы они соответствовали или растягивались на мобильных устройствах, обеспечивая плавное взаимодействие с пользователем. В этой статье мы обсудим, как использовать точки останова CSS в пользовательском интерфейсе материала. Вот пример репозитория Github, который мы будем использовать, если вы..
React 16, Webpack 4, React-router, Babel 6, material-ui - 2018
Создание приложения для реагирования без использования функции create-react-app с нуля Создайте новую папку My_react_app и инициализируйте ее с помощью npm. npm init Шаг 1 : установки Установить веб-пакет npm i webpack webpack-dev-server -save npm install webpack-cli -D Установить babel npm install babel-core babel-loader babel-preset-env babel-preset-react –save babel необходим для преобразования кода ES6 и JSX в традиционный старый javascript, чтобы он..
Использование компонента Box в Material-UI для упрощения стилизации вашего проекта
Создайте стиль своего приложения без использования файлов CSS, CSS-in-JS или встроенных стилей Компонент Box в Material-UI очень полезен для стилизации элементов в приложении React. Вы можете сделать это без использования каких-либо отдельных файлов CSS или с помощью часто используемой встроенной ловушки makeStyles . Когда я впервые узнал о Material-UI, я познакомился с компонентом Box лишь позже. Теперь, когда я использую его каждый день по работе, я понимаю, насколько он полезен...
Что нового в Material-UI версии 5
Material-UI теперь MUI! Material-UI только что выпустил версию 5! Давайте взглянем на некоторые изменения, которые меня больше всего волнуют. Я не буду описывать все изменения в этой статье, поэтому обязательно ознакомьтесь с их выпуском , чтобы узнать больше. Material-UI теперь MUI! Первое, что вы заметите, - это ребрендинг. Material-UI теперь MUI! Вы можете прочитать больше об этом здесь". С этим ребрендингом появилось новое доменное имя https://mui.com/ , обновленный..
Полное решение для изменения цвета по умолчанию Material-Ui.
Цвет Material-Ui по умолчанию — синий. Я покажу вам, как изменить цвет по умолчанию в два этапа. Полное изменение цвета по умолчанию. Изменить цвет по умолчанию в определенном компоненте. Прежде всего, создайте свое приложение для реагирования npx create-реагировать на ваше приложение Затем установите Material-Ui npm install @material-ui/core Шаг 1. У меня есть два файла в каталоге src . Один из них — основной файл App.js , а второй — demo.js..
Получение высокой оценки Progressive Web App на React + Material-UI
Быстрое и прогрессивное веб-приложение является обязательным стандартом для недавней интерфейсной разработки. Встретить прогрессивность и производительность порой становится не так-то просто. Одностраничное приложение обычно поставляется с тяжелым пакетом кода JavaScript. Устройство клиента должно загрузить его, прежде чем приложение станет интерактивным. Google пытается помочь разработчикам оценить производительность приложений с помощью утилиты Lighthouse. Его можно найти на..
Форма оплаты Stripe с ReactJS и Material-ui - Часть 2
Эта статья разделена на 4 части: 1. Пользовательский интерфейс с Material-UI 2. Создание форм 3. Сохранение пользовательского ввода с помощью React useContext 4. Реализация Stripe Если вас интересует только то, как реализовать Stripe, сразу переходите к Части 4 . Теперь давайте создадим наши формы Material-UI. ШАГ src / views / Stepper.js Как и в любой форме, у нас должна быть кнопка отправки, и у нас уже есть кнопка «Далее / Оплатить» в нижней части..