gatsby theme superstylin

Tema Superestilina ??

Um tema Gatsby com estilo?

O que é Superestilina?

Superstylin' é um tema Gatsby que usa componentes estilizados como a principal forma de estilizar seu site Gatsby. Ele fornece uma estrutura fácil de iniciar para você começar a usar seu primeiro site com tecnologia Gatsby.

Sobre componentes estilizados

Simplificando, styled-components é uma forma de adicionar seu css em seu js, funciona criando um componente e estilizando-o, então você obterá um styled-component, é realmente simples e muito poderoso.

Benefícios de usar componentes estilizados

Ao usar seu css em seu js você obtém o poder do javascript para adicionar mais funcionalidades à maneira como você declara seus estilos, mas espere, isso não é tudo!

Abaixo estão algumas leituras interessantes para descobrir ainda mais os benefícios dos componentes estilizados.

• Componentes estilizados: aplicando práticas recomendadas em sistemas baseados em componentes
• A magia por trás? componentes estilizados

Um grande obrigado a Glen Maddern e Max Stoiber por criarem componentes estilizados ??.

Também muito obrigado a Kyle Mathews por iniciar e manter Gatsby ??.

Estilos embutidos vs CSS em JS

Leia esta excelente postagem sobre por que estilos inline! == css-in-js de Max Stoiber.

Características do Superestilin?

• Usar css-in-js com a magia dos componentes estilizados?
• Usa GraphQL integrado de Gatsby para buscar e classificar postagens de blog
• Fácil de personalizar e começar com seu próprio site Gatsby
• Perfeito para sites, blogs ou ambos
• Estrutura de projeto super simples para você começar a trabalhar rapidamente

Instalando

Dentro do seu starter:

$ yarn add gatsby-theme-superstylin

E por fim, adicione o tema no seu gatsby-config.js :

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

Veja a demonstração para ver um exemplo.

Licença

Licenciado sob a licença MIT, Copyright © 2018 Enrique Benitez

Consulte licença para obter mais informações.