Публикации по теме 'material-design'
Создание темной темы с использованием перехватчиков React и контекста в пользовательском интерфейсе материала
В этой статье я покажу вам, как мы можем использовать перехватчики и контекст React для создания темной темы в пользовательском интерфейсе материалов.
Что такое контекст?
В типичном приложении React мы можем обмениваться данными между компонентами с помощью свойств , однако по мере роста приложения и добавления новых компонентов этот метод обмена данными между компонентами становится сложным и трудным в управлении.
Чтобы решить эту проблему, React представил Context. Контекст..
Вкладки | Создайте этот компонент # 5
В этой серии статей я разрабатываю и кодирую различные общие компоненты пользовательского интерфейса с помощью React и styled-components.
На этот раз мы собираемся создать компонент вкладок, который будет иметь некоторую приятную рябь из второго издания этой серии.
Дизайн
Давайте перейдем к делу и посмотрим, как будет выглядеть конечный результат:
Я хотел создать что-то визуально простое и понятное, что людям все еще кажется знакомым. Мне очень нравится стиль вкладок..
Угловой 4 + материальный дизайн
Angular Material - это набор современных компонентов пользовательского интерфейса, разработанных командой Angular и основанных на спецификации дизайна материалов Google. Google описывает материальный дизайн как набор рекомендаций, значков и компонентов, которые объединяются для создания единого взаимодействия с пользователем на разных платформах. Материальный дизайн основан на трех принципах:
Материал - это метафора Жирный, графический, намеренный Движение дает смысл..
Создайте этот Компонент # 2
В этой серии статей я разрабатываю и кодирую различные общие компоненты пользовательского интерфейса с помощью React и ‹размещаю здесь решение CSS›.
Материальный дизайн был чрезвычайно популярен в течение многих лет, и одним из самых крутых эффектов, которые он представил, был эффект ряби, который обеспечивает привлекательную визуальную обратную связь для пользователя при нажатии / касании элемента.
Если вы не знаете, что такое эффект ряби - он выглядит примерно так:
В прошлый..
Тестирование компонентов Angular, содержащих MdDialog
При тестировании компонента, который динамически открывал диалоговое окно с использованием Angular Material (2), я получал ошибку, которую не сразу ожидал. MdDialogModule был добавлен к импорту, поэтому моя TestBed знала, что происходит, но мой динамически загружаемый компонент вызывал проблемы.
Ошибка: ошибка в классе ./AdminHomeComponent AdminHomeComponent - встроенный шаблон: 21: 24, вызванный: Не найдена фабрика компонентов для OfferFormDialogComponent. Вы добавляли его в @..
Представляем средство отображения компонентов UI-материала для форм, управляемых данными
Одна из самых популярных дизайн-систем Material-UI интегрирована с Data Driven Forms, чтобы сделать создание React-форм максимально быстрым с наименьшим количеством шаблонов. Через Data Driven Forms пользователи mui-component-mapper могут начать использовать компоненты Material React, чтобы писать сложные формы всего за секунды .
О формах, управляемых данными
Data Driven Forms - это библиотека React с открытым исходным кодом , которая использует управляемый данными подход..
Как создать прототип в рекордные сроки с помощью плагина Material Theme для Sketch и Vuetify.js
При разработке MVP (минимально жизнеспособного продукта) вы намереваетесь как можно быстрее перейти от идеи к прототипу. Чем быстрее вы сможете прототипировать свою идею, тем быстрее вы сможете ее повторить.
Когда вы переходите от абстрактной идеи к рабочему прототипу, вы обычно не хотите тратить много времени на создание нестандартного дизайна, когда вам следует сосредоточиться на функциональности приложения. Чтобы решить эту проблему, мы используем такие фреймворки, как Bootstrap,..
