Advertisement

Code|Drops #16 - Tema light|dark com React, Styled Components e TypeScript

Code|Drops #16 - Tema light|dark com React, Styled Components e TypeScript Uma das partes mais importantes em uma aplicação front-end, com certeza, é o Design, principalmente porque é comprovado que os usuários tendem a usar menos aplicações que não os agradam visualmente e até escolher ferramentas concorrentes com menos recursos só porque têm um design melhor.

Nesse vídeo eu te mostro como não ficar pra trás e adicionar a opção de configurar um tema escuro e claro na sua aplicação com um Theme Switcher criado com ReactJS, Styled Components e TypeScript.

No vídeo ainda dá tempo de utilizarmos uma lib fantástica chamada Polished para manipular cores, e também de criarmos nosso próprio Hook no React para persistir valores do estado no localStorage.

Código da aplicação:


-----

Acompanhe a Rocketseat nas redes sociais:
Site:
Twitter:
Facebook:
Instagram:
Comunidade:
Blog:

Ouça também:
Spotify:
Anchor.fm:
Apple Podcasts:
Google Podcast:

rocketseat,theme switcher,dark theme,light theme,tema dark,tema light,react,styled components,typescript,polished,javascript,code/drops,code drops,

Post a Comment

0 Comments