Hello World
Este site é feito para o ambiente de desenvolvimento com a prática de componentes do styled-components. Está ferramenta aumenta a produtividade, otimiza tarefas e unifica as classes do CSS. Ajuda na clareza e transparência no desenvolvimento de classes CSS e portanto, não gera confusão. Ótima ferramenta.
Passado
Qualquer um que já tenha construído um aplicativo ou site em grande escala usando CSS tradicional sabe que muito rapidamente, as folhas de estilo podem se tornar incompreensivelmente longas e difíceis de navegar. Se você trabalha entre vários projetos desse tamanho de alguns meses, alternar para frente e para trás e tentar entender esses arquivos pode ser tedioso, para dizer o mínimo.
Futuro
Da mesma forma que você pode acessar seu tema, como mostrado acima, você também pode acessar quaisquer props passados para o componente, abrindo oportunidades poderosas para criar componentes reutilizáveis e personalizáveis. Um exemplo disso seria um botão com estilo. Os botões podem ter vários tamanhos, variações de cores e outras diferenças estilísticas, dependendo de onde aparecem em uma página. No entanto, a marcação e qualquer lógica provavelmente seriam idênticas entre as variações. Em vez de criar várias definições de classe em seu indubitavelmente gigante arquivo CSS, você pode aproveitar os adereços para alterar dinamicamente os estilos de uma maneira que pareça natural para qualquer pessoa confortável com o React. Uma maneira de usar esse recurso pessoalmente é criar um componente de tipografia reutilizável que possa ser usado em todo o meu aplicativo, sem precisar criar várias definições de estilo.
Tecnologias utilizadas neste site
Babel
Babel é uma cadeia de ferramentas que é usada principalmente para converter o código ECMAScript 2015+ em uma versão compatível com versões anteriores do JavaScript em navegadores ou ambientes atuais e mais antigos.
NextJs
O Next.js oferece a melhor experiência de desenvolvedor com todos os recursos necessários para produção: renderização híbrida, estática e de servidor, suporte a TypeScript, smart bundling, pré-busca de rota e muito mais. Nenhuma configuração necessária.
Styled-components
Styled-components é o resultado de imaginar como poderíamos aprimorar o CSS para estilizar sistemas de componentes React. Ao focar em um único caso de uso, conseguimos otimizar a experiência para desenvolvedores, bem como a saída para usuários finais.
Typescript
Desenvolvido pela Microsoft, o TypeScript é um superconjunto sintático estrito de JavaScript e adiciona tipagem estática opcional à linguagem. Tipos fornecem uma maneira de descrever a forma de um objeto, fornecendo melhor documentação e permitindo que o TypeScript valide se seu código está funcionando corretamente.
Desenvolvedor Frontend React
Técnico de informática