Публикации по теме 'styled-components'
Спасибо за крутой пост. Это отличное техническое введение для меня, начинающего работать со стилизованными компонентами.
Спасибо за крутой пост. Это отличное техническое введение для меня, начинающего работать со стилизованными компонентами.
Несколько дней назад передо мной встала задача реализовать новую тему для веб-чата. Я точно могу сказать, что названия цветов типа `dark` неуместны, потому что в новой теме `dark` может быть, например, `#fff` :)
Более того, у вас может быть не строгое (один к одному) соответствие цветов между темами и в этом случае вы не можете использовать цвет как переменную где-то,..
Улучшение компонентов React с помощью стилизованных компонентов: свежий взгляд
Введение:
За последние несколько месяцев я имел честь погрузиться в проект программного обеспечения с открытым исходным кодом, интерфейс которого построен на React. Будучи новичком в мире проектов с открытым исходным кодом, исходный код поначалу казался мне чуждым ландшафтом. Тем не менее, несмотря на трудности, я понял, что этот опыт предоставил ценную возможность изучить и изучить новую точку зрения на вещи, и эти знания могут быть очень полезными при (написании)/(работе над)..
Flow + Стилизованные компоненты + VS Code + Windows
Flow и Styled Components были недавно рекомендованы мне как вещи, которые мне нужно использовать прямо сейчас в мире React. Но, к сожалению, это был не простой npm install , и у меня возникли некоторые проблемы с тем, чтобы стилизованные компоненты (1.4.5) и Flow (0.45.0) работали в Windows с помощью Visual Studio Code.
Шаг / Проблема / Исправление 1
Я установил пакет flow-typed , но по-прежнему получаю следующие ошибки:
node_modules/styled-components/dangerfile.js
import {..
Внедрение Google Fonts в ваш проект React с использованием Styled Components
Стилизованные компоненты могут быть очень полезным инструментом при добавлении CSS в ваши проекты React. Это позволяет вам решать стили каждого компонента по отдельности, что может (если вы так же озадачены CSS, как и я) облегчить головную боль при работе с CSS в целом. Если вы (как и я) беспокоитесь о часто непредсказуемых и каскадных (каламбур) проблемах, которые следуют за изменением свойства отображения в контейнере div, Styled Components здесь, чтобы спасти день, поскольку он сужает..
Стилизация компонентов React с помощью Styled-Components: мощный подход для глобального и компонентного уровня…
В современной веб-разработке стилизация играет решающую роль в создании визуально привлекательных и функциональных пользовательских интерфейсов. React, популярная библиотека JavaScript для создания пользовательских интерфейсов, предлагает различные подходы к стилизации компонентов. Одним из таких подходов является использование styled-components, мощной библиотеки CSS-in-JS, которая позволяет разработчикам писать код CSS непосредственно в коде JavaScript. В этой статье мы рассмотрим, как..
Проектирование жетонов - что делает жетоны отличного дизайна и как их создавать (часть 2)
Это серия статей, в которых я представляю, как я считаю, отличный способ потреблять и поддерживать токены дизайна. Примеры написаны на React и styled-components, но идеи в этой статье могут быть адаптированы к любым фреймворкам.
Вступление
В Части 1 этой серии мы придумали набор желаемых интерфейсов для использования токенов дизайна. В этой статье мы реализуем токены для соответствия этим интерфейсам. В части 3 мы рассмотрим, как сделать токены более удобными в обслуживании...
Шаблоны с тегами и понимание синтаксиса стилизованных компонентов
Я пишу стилизованные компоненты чуть больше года, и все это время я не понимал, что происходит с синтаксисом тегированных шаблонных литералов. Этот синтаксис также популярен для GraphQL, если вы его используете. Думаю, многие похожи на меня в том, что они впервые столкнулись со следующим синтаксисом: «Что ж, это выглядит забавно, но если мне удастся написать SCSS вместо этого громоздкого объекта javascript css, давайте попробуем».
Если бы ваш ответ был больше похож на мелодию: «Как это..
