Публикации по теме styled-components

Публикации по теме 'styled-components'

Создайте этот компонент # 1

В этой серии статей я разрабатываю и кодирую различные общие компоненты пользовательского интерфейса с помощью React и ‹размещаю здесь решение CSS›. Предисловие С тех пор, как я начал учиться программировать, я увлекся проектированием и созданием красивых веб- и мобильных пользовательских интерфейсов. Недавно я принял своего рода мышление сделай сам , когда дело доходит до реализации любых компонентов пользовательского интерфейса в наших приложениях React. Я знаю, что неразумно..

Модульное тестирование стилизованных компонентов

Модульное тестирование компонентов React не всегда легко. В этой короткой статье я покажу некоторые уловки, которые с помощью Enzyme могут немного облегчить нашу жизнь. В проекте, над которым я работаю, мы тестируем каждый уровень иерархии компонентов с помощью поверхностного рендеринга и тестирования снимков. Таким образом, если что-то тормозит в компоненте низкого уровня, тесты, которые полагаются на этот компонент, не потерпят неудачу, и вы сможете быстро определить проблему. Мы..

Тематизация веб-приложений с использованием стилизованных компонентов

Всем здравствуйте! Я давно писал статью, и вот я здесь! Вы, должно быть, видели «Темный режим» в большинстве приложений в настоящее время. Некоторые приложения даже поддерживают полностью настраиваемую тему. Вы когда-нибудь задумывались, как работает тематика на ходу. Что ж, со стилизованными компонентами это довольно просто. Стилизованные компоненты: Styled-Components - это библиотека, которая с легкостью используется для стилизации ваших веб-приложений. Чтобы загрузить..

Использование стилизованных компонентов и потока в приложении Create React

Что мы хотим сделать Нам нравятся стилизованные компоненты, мы любим Flow и любим приложение Create React. Как заставить все это хорошо ладить друг с другом? (Если вы читаете это, вы, вероятно, понимаете, что это было не так интуитивно, как вы думали) Предварительные требования Приложение Create React установлено, и проект настроен Немного терпения Вы можете прочитать краткие инструкции в конце статьи. Я рекомендую придерживаться более длинной версии ниже! Установка..

Простая структура проекта Next.js

Заявление о целях Создать приложение next.js совсем несложно, но если вы захотите добавить в него другие ресурсы для разработки, у начинающих будет некоторая головная боль. Например; TypeScript - интеграция с Next.js, импорт файлов css в ваш проект next.js или использование Styled-Components. Позвольте мне шаг за шагом показать, как это сделать. Https://github.com/aliatakan/nextjs-project-structure Установка Прежде всего, создайте папку проекта и перейдите в нее. Я выбрал..

Начало работы с Next.js и стилизованными компонентами

В гонке за создание лучшего веб-приложения и создание чего-то уникального я представляю вам еще одну комбинацию, с которой вы могли бы работать. Стилизованные компоненты - один из популярных подходов, которые мы используем, если нам не нужны какие-либо компоненты CSS. Это очень мощная и удобная библиотека, которая будет создавать повторно используемые компоненты дизайна, включая управление вашей темой. Если вы не слышали о стилизованных компонентах, я настоятельно рекомендую вам..

Создание библиотеки стилизованных компонентов - Часть 1

Часть 1 - установка, стилизованные компоненты и сборник рассказов Недавно на работе я имел удовольствие начать использовать Typescript и поэкспериментировать со стилями-компонентами. Это полностью изменило мою точку зрения на интерфейс. В качестве побочного проекта я решил создать свою первую библиотеку компонентов со статическими типами и стилизованными компонентами. Настройка npx create-react-app components-library --typescript Я начал с простого создания шаблона..