Explorando os conceitos de Theming com Styled Components. Desenvolvido como projeto de estudo na Formação Fullstack, da plataforma JStack. A base do projeto foi fornecida pelo curso.
O desafio proposto foi substituir valores fixos de margin, padding e border-radius por contextos e criar um custom hook para salvar o tema no localStorage. Como extra, inseri um hook para sincronização do tema entre abas/janelas.
Ferramentas usadas na construção do projeto:
- React (v18.3.1)
- ReactDOM (v18.3.1)
- PropTypes (v15.8.1)
- Styled-Components (v6.4.1)
Ferramentas usadas no desenvolvimento do projeto:
- ThemeProvider
- Temas dinâmicos
- Hooks: useState, useMemo, useTheme, useEffect, custom hooks
- localStorage
#Baixar arquivos manualmente ou clonar repositório
$ git clone [url_projeto]
# Abrir projeto e executar aplicação no terminal do VSCode
$ yarn install
$ yarn dev
No navegador, abrir a URL:
Stephanie de França
