gatsby theme superstylin

Суперстилин Тема??

Стильная тема Гэтсби?

Что такое Суперстилин?

Superstylin' — это тема Gatsby, которая использует стилизованные компоненты в качестве основного способа стилизации вашего сайта Gatsby. Она обеспечивает простую в запуске структуру, которая поможет вам начать работу с вашим первым сайтом на базе Gatsby.

О стилевых компонентах

Проще говоря, Styled-Components — это способ добавить ваш CSS в ваш JS. Он работает путем создания компонента и его стилизации, после чего вы получите Styled-Component, это действительно просто и очень мощно.

Преимущества использования стилевых компонентов

Используя CSS в JS, вы получаете возможность JavaScript добавить больше функциональности к способу объявления стилей, но подождите, это еще не все!

Ниже приведены некоторые интересные материалы, которые помогут вам лучше понять преимущества стилизованных компонентов.

• Стилизованные компоненты: применение лучших практик в системах на основе компонентов
• Магия позади? стилизованные компоненты

Большое спасибо Глену Мэддерну и Максу Штойберу за создание стилизованных компонентов ??.

Также большое спасибо Кайлу Мэтьюзу за создание и поддержание Gatsby ??.

Встроенные стили против CSS в JS

Прочтите этот замечательный пост Макса Штойбера о том, почему встроенные стили !== css-in-js.

Особенности Суперстилина?

• Используйте css-in-js с магией стилизованных компонентов?
• Использует встроенный GraphQL Gatsby для получения и сортировки сообщений в блоге.
• Легко настроить и начать работу с собственным сайтом Gatsby.
• Идеально подходит для сайтов, блогов или того и другого
• Очень простая структура проекта, позволяющая быстро приступить к работе

Установка

Внутри вашего стартера:

$ yarn add gatsby-theme-superstylin

И, наконец, добавьте тему в свой gatsby-config.js :

 module . exports = {
  plugins : [ 'gatsby-theme-superstylin' ]
}

Посмотрите демо для примера.

Лицензия

Лицензия MIT, авторские права © Энрике Бенитес, 2018.

Дополнительную информацию см. в лицензии.