🌙 LIVE CODING SWITCHER DE TEMA DARK/LIGHT MODE ☀️

👩🏽‍💻 Repositório criado para o live-coding que apresentei no canal da Empodera Tech e no GUFERS dia 05/08, segue o link para quem quiser ver:

https://www.youtube.com/watch?v=JFRM0XPu5RY&t=945s

✨O que a aplicação faz?

A ideia do live-coding era demonstrar o que podemos fazer com a biblioteca Styled-Components, sendo assim preparei este conteúdo para que pudessemos criar algo legal e em pouco tempo, nada melhor do que uma landing-page para isso, certo? Durante a live abordei conceitos sobre:

Criar um padrão para cada situação, por exemplo: botão de erro vermelho e botão de sucesso verde

Utilizar props com css para não precisar ficar passando cor o tempo todo a cada vez que reutilizo o component

Criar temas para aplicações, assim facilitando caso queira fazer um fork e trocar as cores depois

Botão switcher, como fazer com que ele troque algumas funções? Nesse caso ele troca o tema de light para dark

✨Como funciona?

✨Como inicializar na minha maquina?

Para inicializar é só rodar os comandos padrões de React. Começando instalando as dependencias:

yarn ou npm install

Em seguida iniciando com:

yarn start ou npm start

Para utilizar esses comandos é necessario ter o node js ou o yarn instalado em sua maquina

Criado com 💜 por Giulia Santos