Легко используйте их в Next.js/React.js.

Поскольку я работаю с Next.js и Styled-components (также TypeScript, React, GraphQL, Apollo, Storybook и Storyblok CMS), мне было интересно, можно ли использовать CSS переменная в Styled Components.

Как вы можете видеть в приведенном выше примере, это возможно и очень просто, как и в обычном CSS. Поэтому убедитесь, что переменная CSS создана в родительском компоненте. Его также можно создать на уровне страницы/макета, если хотите.

Так что я надеюсь, что это поможет вам в создании классного приложения Next.js или React с компонентами Styled.

Удачного программирования 🚀

Получайте мой еженедельный информационный бюллетень «Неудачники разработчиков с лучшим контентом для разработчиков, созданным начинающими разработчиками».

Читать далее



Как на самом деле работают промисы в JavaScript
Узнайте, когда и как их использоватьbetterprogramming.pub





Создайте пользовательскую кнопку «Нравится с помощью HTML, CSS и ванильного JavaScript
Легкий способ изучения JavaScriptmedium.com»





Настройка проекта Next.js с помощью TailWind CSS
Интегрируйте Tailwind и Next.js сегодняmedium.com





Как быстро создать и развернуть веб-сайт Jamstack с помощью Next.js
Почему Next.js — разумный выборmedium.com





5 ретроспективных вопросов разработки, которые стоит обсудить
Не все обсуждения хороши. Давайте улучшим ихmedium.com