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

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ต.ค. 2024

ความคิดเห็น • 232

  • @leopoldenorosantenizo4804
    @leopoldenorosantenizo4804 4 ปีที่แล้ว +38

    De longe o melhor canal brasileiro da categoria.. Parabéns Diego!!!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +2

      Woow! Vaaleu Leeo! =))

  • @ronison-dev
    @ronison-dev 4 ปีที่แล้ว +80

    Faz uma masterclass sobre Polished, vai ser show

  • @marcondesamaraldeoliveira3585
    @marcondesamaraldeoliveira3585 4 ปีที่แล้ว +1

    Caraca a quantidade de conhecimento desses caras é absurda. Dá pra passar uma vida em frente o computador aprendendo só com a Rocketseat.

  • @ocharutin
    @ocharutin 4 ปีที่แล้ว +39

    Ia ser incrível um vídeo sobre internacionalização do site/app com i18n (mudar o idioma para inglês, português ou qualquer outro)

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +3

      Legal Alisson! Valeu pela dica =))

    • @yagosansz
      @yagosansz 4 ปีที่แล้ว +1

      seria loko msm!

    • @zevdvlpr
      @zevdvlpr 4 ปีที่แล้ว +1

      Na verdade é quase igual do vídeo. Só algumas coisas que vai mudar. Tô falando da parte de salvar o idioma selecionado, etc.

  • @paraisosnaterra8858
    @paraisosnaterra8858 4 ปีที่แล้ว +21

    Perfeito, esse cara é um mestre, ri muito do éoq, e do verde desgracento, e junto com as risadas, somei com valiosíssimas informações que somarão.

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Legal Pedro! Valeu pelo seu feedback

  • @DhenysonJhean
    @DhenysonJhean 3 ปีที่แล้ว +3

    Só de configuração de Typescript aumenta os videos em 40% kkkk, mas hoje em dia quando vejo video sem ts da uma sensação de bolo sem cobertura kkkk. Top demais

    • @danmarzo5508
      @danmarzo5508 11 หลายเดือนก่อน

      Concordo rsrsrs

  • @MrCristianfavaro
    @MrCristianfavaro 4 ปีที่แล้ว

    Comecei o vídeo e parei umas quatro vezes. Me assustei com o TS.... Mas depois, com calma, segui o que o rapaz estava fazendo, só que usando JS.
    Meus parabéns. Excelente material. Explicou coisas muito legais mesmo.

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Fala Cristian! Valeeeu pelo feedback 💜

  • @marcusmaiialima
    @marcusmaiialima 3 ปีที่แล้ว

    Conteúdo com 1 ano de existência e muitos conceitos bons, vi esse tuto para me basear e criar o dark theme da NLW 6 que fiz com vocês, só a única coisa que fiz de diferente foi abstrair a lógica da troca de tema pra dentro de um contexto e a persistência ficou igual.
    Parabéns por ajudar sempre nós devs e um abraço ao Diego e a equipe da rocket!

    • @TheSPIDER232
      @TheSPIDER232 3 ปีที่แล้ว

      Opa Marcus tô tentando fazer a mesma coisa que vc com o NLW 6
      vc refatorou os arquivos do sass pra ser lido pelo styled-components?

    • @devcav9385
      @devcav9385 ปีที่แล้ว

      @@TheSPIDER232 Espera ai, é possivel refactora o sass pro styled-component?
      porque eu já estou a me ver a reescrever todo meu codigo do zero. 😅

  • @batista7898
    @batista7898 4 ปีที่แล้ว

    Impressionante, é muita qualidade que vc coloca nesses videos Diego, não é atoa que a Rocketseat está bombando, parabéns rapaz.

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Vaaaleu Batista!!

  • @xmatheusftc
    @xmatheusftc 4 ปีที่แล้ว +4

    Nuss, queria muito vídeo sobre troca de tema. Vlw, Diego.

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Opa Matheus! Que bom que te ajudou haha! =)

  • @abubakar-emumba
    @abubakar-emumba 3 ปีที่แล้ว +2

    Hi Diego, Despite 0% knowledge about your language, this video helped me.
    Please consider making videos in English as well, more people need them.

  • @joao.tex97
    @joao.tex97 4 ปีที่แล้ว +1

    O único ruim dessa aula e que eu não entendi nada do TS, podia ter sido feito só em JS mesmo, mas o conteúdo em si do vídeo e super bacana!!! Vou aplicar em um projeto, volto pra dizer se deu certo

    • @NikoKlebtz
      @NikoKlebtz 4 ปีที่แล้ว +1

      Tem um curso no YT mesmo sobre TS, do Mestre Programador e DevDojo e da Loiane Groiner, assiste lá.

    • @joao.tex97
      @joao.tex97 4 ปีที่แล้ว

      @@NikoKlebtz vou dá uma pesquisada. Tô precisando muito aprender ...

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Legal João! Valeu pelo feedback =)

  • @pedroflores6391
    @pedroflores6391 3 ปีที่แล้ว +6

    29:20 o meu da ReferenceError: localStorage is not defined, por causa do locaStorage.getItem(key) dentro do useState, alguem pode dar um help?

  • @q5engenhariaeconsultorialt199
    @q5engenhariaeconsultorialt199 2 ปีที่แล้ว

    TNice tutorials is just the pick up I needed, thanks man

  • @MichaelNeves92
    @MichaelNeves92 4 ปีที่แล้ว

    Show de bola Diego, ótimo conteúdo, uma coisa que queria ver muito é a organização entre paginas protegidas e publicas e como lidar com o esquema de paginas que tem vários níveis, seria massa falando sobre isso utilizando TS e Hooks.
    Seus conteúdos sempre agrega valor, vlw mesmo por repassar um pouco de conhecimento :)

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Fala Michael! Valeu pelo feedback e sugestões

  • @Nafana
    @Nafana 4 ปีที่แล้ว +1

    Estou usando o Google Translate para digitar isso. Não entendi uma palavra do que você disse, mas entendi todo o código!

  • @allymfs
    @allymfs 4 ปีที่แล้ว +1

    Tentei com o expo, deu tudo certo até não funfar na parte de criar o arquivo "styled.d.ts", criei ele e depois na hora de "chamar" ele no "tsconfig.json" vi que eu não tinha o "tsconfig.json". Então instalei o typescript globalmente e rodei um "tsc --init". Até ai tudo certo, adcionei a linha do "files: [...]" nele, e reiniciei o servidor. Mas quando vou no "globalStyles" o "colors" fica com um erro (Property 'colors' does not exist on type 'DefaultTheme'). Ainda tentei trocar 'styled-components' por 'styled-components/native' na importação e/ou na exportação e não rodou

  • @danmarzo5508
    @danmarzo5508 11 หลายเดือนก่อน

    Muito top, ajudou para caramba em relacao ao uso do StyledComponents

  • @devcav9385
    @devcav9385 ปีที่แล้ว

    Aterrei aqui procurando solução pra um App que estou desenvolvendo agora.
    Nunca tinha trabalhado com troca de temas. Será minha primeira vez. Também é meu segunda app ReactJS, apenas. Então muita coisa 'tá surgindo como novidade.
    Mas esse vídeo foi bem o que eu 'tava precisando. É meio diferente do que eu 'tô habituado, n'é, mas se a tecnologia avança todo o dia, quem sou eu pra me prender à hábitos. 😅. Salve Dev!!!

  • @lucasinocenciodealbuquerqu6070
    @lucasinocenciodealbuquerqu6070 4 ปีที่แล้ว +69

    Enquanto vc le esse comentario o Diego ja digitou a biblia de tras para frente!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +2

      Hahaha! Boa Lucas =)

  • @viniciusprudencio3577
    @viniciusprudencio3577 4 ปีที่แล้ว +1

    Mais uma ótimo vídeo aula!!! Super ajudou, Diego!! Seria legal você fazer um vídeo usando React Native com TypeScript.

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Vaaaleu pelo feedback e pela sugestão, Vinicius! 💜

  • @obiwankenobi7125
    @obiwankenobi7125 4 ปีที่แล้ว

    Show! Continuem com os conteúdos utilizando typescript!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Com certeza Obi!! Esse ano promete muita coisa legal! Valeu pelo feedback =)

  • @Rick24056
    @Rick24056 ปีที่แล้ว +1

    Tem um bug no switch quando pois não é salvo o estado de checked no localstorage junto com o thema sendo assim ele sempre retorna para off a cada reload mesmo com o theme salvo no localstorage condizente com o switch no on

  • @vagnerazevedo2014
    @vagnerazevedo2014 3 ปีที่แล้ว

    Show, Diego.
    Vídeo extremamente útil.
    Parabéns!!!!!

  • @parraga95
    @parraga95 8 หลายเดือนก่อน +1

    Na versão um pouco mais atual do Styled Components (6.1.8, última no momento deste comentário) , na hora de acessar o contexto do DefaultTheme pode-se usar o hook:
    const { colors } = useTheme()
    ...
    ...{colors.primary}
    Tive que fazer essa mudança aqui pois useContext(ThemeProvider) pode retornar DefaultTheme | undefined fazendo com que não fosse possível desestruturar colors do retorno do hook ou então deixar ? no momento de acessar colors?.theme, o que não ficava muito elegante.

  • @xVooltBR
    @xVooltBR 3 ปีที่แล้ว

    Vídeo incrível, eu adoraria ver um vídeo sobre Polished Diego!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaaala, Nicolas!
      Perfeito! Sugestão anotada aqui! 💜

  • @titosca
    @titosca 4 ปีที่แล้ว +3

    Diego, depois não teria como você fazer um vídeo de técnicas e formas de passagem de informação entre páginas no React? Sei que existe o Redux, mas tem algumas trocas de informações simples que eu queria saber como você faz nas suas aplicações. Exemplo uma página que acessa a câmera e faz as fotos, como você devolveria as fotos tiradas para a página que chamou a câmera sem utilizar o Redux?

    • @edilsonpacheco847
      @edilsonpacheco847 4 ปีที่แล้ว +1

      Context API do React é um bom quebra para cases mais "simples". Dá uma olhada na documentação, que by the way tá até traduzida. Tem videos no canal da Rocket que também comentam da Context API.

    • @titosca
      @titosca 4 ปีที่แล้ว

      @@edilsonpacheco847 Opa que dica show de bola! Irei ver aaqui, é que eu estava fazendo umas gambiarras aqui para conseguir trocar essas informações entre componentes, com essa context APi parece ser legal.

    • @titosca
      @titosca 4 ปีที่แล้ว

      @@edilsonpacheco847 aproveitando sua boa vontade. Além do Redux, Context API, a outra maneira correta de fazer essa troca sem gambiarras é utilizando o local storage né? O Local storage deve performar mais lento né?

    • @edilsonpacheco847
      @edilsonpacheco847 4 ปีที่แล้ว +1

      @@titosca Não é uma boa prática, o local storage serve para armazenamento de alguns dados específicos para o browser persitir em toda a aplicação, independente qual componente renderiza. Um exemplo mais prático é o Token de autenticação, essa informação precisa ser alocada em algum lugar para o usuário continuar logado, e esse lugar é o local storage.
      Outra forma que pode ser usada para compartilhar informações entre os componentes é através das propriedades do componente, tu consegue atribuir qualquer tipo de informação, seja objetos, funções, strings, arrays, o componente filho vai receber essas informações pelo parâmentro da função (props). É uma saída, mas pode se tornar uma dor de cabeça se tu tiver uma grande arvore de elementos, ou vários componentes, por isso, dependendo do tamanho do projeto é melhor usar Redux msm.

    • @titosca
      @titosca 4 ปีที่แล้ว +1

      @@edilsonpacheco847 entendi! Muito boa sua explicação, irei avaliar melhor meus projetos!

  • @CarlosAmaralTI
    @CarlosAmaralTI ปีที่แล้ว

    Fico impressionado como o copilot utiliza a mesma nomenclatura de variáveis... aliás, em todos os cursos que estou fazendo ;)
    Mesmo assim, ótimo vídeo.

  • @tsxdaniel
    @tsxdaniel 3 ปีที่แล้ว +1

    Hi Diego muito legal o video
    Uma pergunta como a gente pode utilizar o usePersisState with a Next.Js app? nao consigo persistir informaçoes no localStorage ou tenho inconcistencia com o servidor
    Saudade do Chile!

    • @leozinh1_
      @leozinh1_ 3 ปีที่แล้ว

      Salva em um cookie

  • @ryannnkl
    @ryannnkl 4 ปีที่แล้ว +7

    Essas importações do styled-components funciona no react-native?

    • @matheusbaptista8904
      @matheusbaptista8904 4 ปีที่แล้ว +2

      Sim, você importa de styled-components/native

  • @milenalimadealcantara126
    @milenalimadealcantara126 3 ปีที่แล้ว

    Acabei de assistir e era exatamente o que eu estava procurando. Grande ajuda, obrigadaaaaaa!!!

  • @orodrigosobral
    @orodrigosobral ปีที่แล้ว

    qual extensão vc usa pra ficar colorido quando vc passa o hexadecimal e pinta da cor exata?? @Rocketseat

  • @felipeo.ribeiro4891
    @felipeo.ribeiro4891 4 ปีที่แล้ว +2

    que conteúdo super útil

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Opa Felipe! Valeu demais =)

  • @padokin841
    @padokin841 4 ปีที่แล้ว

    Este video foi uma mão na roda para o TCC! Aproveitando é uma boa ir aprendendo coisas novas e já ir aplicando, levando em conta que tem de mudar alguns pontos no projeto e não saindo de seu escopo principal? Abraçoos!!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Fala, Leo! É sempre bom aplicar o que foi a recém aprendido, pois fixa mais fácil. Mas é claro, vale também filtrar o que é útil se você quer aplicar direto em um projeto já existente! 💜💜

  • @TutoDS2014
    @TutoDS2014 3 ปีที่แล้ว

    tem como importar um ficheiro de mixins em sass e usar no styled components?

  • @SuperTgames
    @SuperTgames 4 ปีที่แล้ว +5

    "O padrão deveria ser DARK" - Diego Vampirão hahahahaha

  • @hugorafaelalves3922
    @hugorafaelalves3922 3 ปีที่แล้ว

    Vídeo maneirão. Fala mais sobre o polished sim. Parabéns

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Pode deixar, Hugo!! Falaremos! 😉
      Valeeu demais! 💜 🚀

  • @yngmayer_official
    @yngmayer_official 3 ปีที่แล้ว +2

    Guys, can u explain, how to set up the VS code so that it recognizes the code in `string-templates` ?

    • @dleonardo8755
      @dleonardo8755 3 ปีที่แล้ว +1

      just install the "vscode-styled-components"

    • @yngmayer_official
      @yngmayer_official 3 ปีที่แล้ว

      @@dleonardo8755 Thank u so so so much, it's really work fine. Could you recommend any useful plugins besides the most popular ones? If u can ofc.

  • @gamesantosbr
    @gamesantosbr 3 ปีที่แล้ว

    Como eu crio o arquivo .d.ts no React Native? Devo fazer alguma alteração ao fazer ele no RN?

  • @EdZava
    @EdZava 4 ปีที่แล้ว

    Animal!!!! Serial legal uma seria mais a fundo de Design com Sketch, React, Stylecomponent e Typescript.

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Faala Zava! Opa, vaaleu pela dica =))

  • @phtoselli
    @phtoselli 3 ปีที่แล้ว

    Qual tema ele ta usando no google chrome e no terminal ??? esse plano de fundo do chrome é mto bonito

  • @profjandrei
    @profjandrei 4 ปีที่แล้ว +1

    CARAMBA!!!! Agora sim, meus projetos vão ter outra cara :D

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Hahaha massa Jandrei! Valeeu pelo feedback 💜

  • @ricardoavancini7596
    @ricardoavancini7596 4 ปีที่แล้ว

    Parabéns Diego, ficou bem bacana...se puder faça uma sobre multi language no react e react native!!!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Fala Ricardo! Valeu pelo feedback e já anotamos sua dica!! :D

  • @MatheusAlmeida-tf3hk
    @MatheusAlmeida-tf3hk 4 ปีที่แล้ว +1

    Como que passa o toogleTheme pelas rotas?

  • @langelalins8478
    @langelalins8478 3 ปีที่แล้ว

    Adorei o conteúdo, parabéns.

  • @guiathayde
    @guiathayde 3 ปีที่แล้ว

    Como vc fez aquele template do Container no styles.ts? Tipo já veio certinho a estrutura

  • @HenriqueMDerosa
    @HenriqueMDerosa 4 ปีที่แล้ว

    Legal. Essa definição com arquivo .d.ts da pra ser feita em projeto javascript também? Porque acho que tem casos assim que ele também não mostra.

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Fala Henrique! Temos uma comunidade no Discord com milhares de devs.. entre lá e poste suas dúvidas por lá =))
      rocketseat.com.br/comunidade

  • @eduardoaraujo9336
    @eduardoaraujo9336 4 ปีที่แล้ว

    Cara, esses dias tava usando o Sequelize com o Typescript e isso tava me dando uma dor de cabeça, além da documentação do Sequelize ter uma quantidade muito pequena de conteúdo sobre Typescript, eles removeram o Sequelize.define que muitos tutorias usavam para tipar instâncias de models, além de uma série de problemas que se tem ao usar o Sequelize com Typescript, como as migrations terem que ser em commonJS , por exemplo, um conteúdo sobre ORMs no Node com Typescript seria show

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Faala Edu! Valeu pela dica! Esse ano teremos bastante conteúdo com TypeScript

    • @eduardoaraujo9336
      @eduardoaraujo9336 4 ปีที่แล้ว

      @@rocketseat show, vou ficar de olho então

  • @maissonsaraiva278
    @maissonsaraiva278 4 ปีที่แล้ว

    Diego! Faz um vídeo criando um componente reutilizável para qualquer projeto, estilo o UNFORM.

  • @keiteylopes1581
    @keiteylopes1581 2 ปีที่แล้ว

    ótima aula

  • @tiagoandradewd
    @tiagoandradewd 2 ปีที่แล้ว

    Vídeo show!! Como faço pra adicionar o ícone e deixar ele centralizado e maior? sei adicionar o ícone, porém ele fica bem pequeno e no topo. tem como?

  • @felipegadelha2752
    @felipegadelha2752 2 ปีที่แล้ว

    #PR Como posso fazer essa mesma lógica com nextJS e styled-components?? estou com dificuldades com o Local Storage esta dando conflito com o SSR e o client render e o componente que fica o switch esta no component header como esse componente pode acessar a funcão de toggleTheme?

    • @VictorHugo-lo6md
      @VictorHugo-lo6md 2 ปีที่แล้ว

      nao sei se voce ja achou uma solução pra esse problema mas o que resolve isso é usar cookies no lugar de localStorage, tem um video do mario souto muito bom que ensina a mesma coisa no next

  • @labufes
    @labufes 4 ปีที่แล้ว +1

    Show, curto muito o code/drop só gostaria de pedir pra abaixar um pouco a vinheta =D Valeu!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Opa Thalles! Valeu pelo feedback :D

  • @naokiadryan8792
    @naokiadryan8792 3 ปีที่แล้ว +1

    SHOW! Adorei

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Massaaa! 💜 🚀

  • @nattefroost2012
    @nattefroost2012 4 ปีที่แล้ว

    se o diego tem dúvidas, eu tenho mais ainda AUHEUAe vídeo foda!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Hahaha! Boa João! Valeu pelo feedback =)

  • @gabrieltoledo5082
    @gabrieltoledo5082 4 ปีที่แล้ว

    Galera, existe algum conversor online de RN Stylesheet para CSS?? porque eu to fazendo o dark mode de um app com styled-components e cansei de reescrever todos os estilos

  • @tiagosindra3443
    @tiagosindra3443 11 หลายเดือนก่อน

    foda demais, ta maluco!!!!

  • @TheCavalinhooo
    @TheCavalinhooo 4 ปีที่แล้ว +4

    No arquivo styled.d.ts, o "import 'styled-components' " está escrito de forma errada (styled-componets), e no repo ainda persiste, mas mesmo assim não deu erro na aplicação :)

    • @TheCavalinhooo
      @TheCavalinhooo 4 ปีที่แล้ว

      Jose Henrique Tipo isso kkkkkkkk

    • @giuseppesarto1958
      @giuseppesarto1958 4 ปีที่แล้ว

      É por ser exportado por padrão, daí pode ser nomeado de qualquer coisa.

    • @labufes
      @labufes 4 ปีที่แล้ว +2

      Se fosse em outra linguagem teríamos um exception de 500 linhas de erro e bem lá no meio da linha 346 um texto "
      styled-components does not exist"

  • @testebredas5388
    @testebredas5388 3 ปีที่แล้ว

    Se eh fod... Parabéns ai... Consigo fazer em javascript tudo isso?

  • @danilosampaiovieira8023
    @danilosampaiovieira8023 4 ปีที่แล้ว

    Se nesse canal já da para aprender muita coisa. Imagine o curso pago.

  • @lucasviga12
    @lucasviga12 4 ปีที่แล้ว

    Vídeo muito bom, show!
    Poderia fazer mais conteúdos de React usando Typescript.

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Faala Lucas! Estamos preparando bastante conteúdo legal sobre TypeScript para esse ano =)))

    • @lucasviga12
      @lucasviga12 4 ปีที่แล้ว

      @@rocketseat vcs são demais #7159c1

  • @ffkkinos
    @ffkkinos 4 ปีที่แล้ว

    Diego pode fazer um Code/Drops sobre como passar um token paras as rotas da aplicação. Ótimo video!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Fala Felipe! Dá uma olhadinha lá em um post do nosso Blog blog.rocketseat.com.br/reactjs-autenticacao/ =)

  • @jackleycorrea9509
    @jackleycorrea9509 2 ปีที่แล้ว

    using soft, can't wait to get my hands on it.

  • @rramirr
    @rramirr 4 ปีที่แล้ว

    Massa, valeu!! Manda mais conteúdo React + TS! :D

  • @arozendojr
    @arozendojr 4 ปีที่แล้ว

    Pode me dar sua opinião, qual o melhor Github ou gitLab para fazer projetos e usar como portfólio ?

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Fala Antônio. Nós aqui na Rocketseat utilizamos e recomendamos o Github =)

  • @rafaelferreiradesouza9972
    @rafaelferreiradesouza9972 2 ปีที่แล้ว

    Bom dia! A todos, isso funciona lindamente, porém estou tento uma grande dor de cabeça que é na hora de dar um render nisso pelo jest.
    Sempre estoura o erro: Cannot read property 'background' of undefined
    Porque o Jest não entende esse Default Theme Provider, seria possível alguém explicar ou me indicar um repositório que tenha um teste com essa funcionalidade.

  • @edufgh6266
    @edufgh6266 3 ปีที่แล้ว

    Ajudo muito, obrigado!🚀

  • @ryannnkl
    @ryannnkl 4 ปีที่แล้ว +12

    Kkkkkkkkkkkkk Diego: "eoq?"

  • @tellus9728
    @tellus9728 4 ปีที่แล้ว +1

    Onde posso encontrar as gravações das semanas omnistack passadas?

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Olá! A Semana OmniStack só fica disponível durante o evento mesmo, depois as aulas saem todas do ar =)

  • @henrique526
    @henrique526 4 ปีที่แล้ว +2

    não imaginei que o código seria tão robusto já que com js puro não dá nem 15 linhas de código pra implementar a msm coisa

    • @lazarok0963
      @lazarok0963 3 ปีที่แล้ว

      HUHEUHWAUE né isso mano '='

  • @ricardobortolin6332
    @ricardobortolin6332 2 ปีที่แล้ว

    U gotta make it look so easy, thx bro!

  • @natanxavier3762
    @natanxavier3762 2 ปีที่แล้ว

    como eu faria para posicionar o switch ??

  • @lucasrosa4014
    @lucasrosa4014 4 ปีที่แล้ว +1

    Eu ja acostumei com a velocidade do Diego mas acho q quando ele gravou este vídeo ele tinha tomado energético misturado com café e coca, xesus

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      hahahah é possível! 😂💜

  • @fibonacci8180
    @fibonacci8180 3 ปีที่แล้ว

    Excelente!

  • @ctenonam4
    @ctenonam4 3 ปีที่แล้ว +1

    quando eu coloquei 'const storageValue = localStorage.getItem(key)' dentro do 'usePersistedState' eu comecei a ter um erro de 'localSotrage is not defined'. Alguém mais teve esse problema?

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Faaala, Luiz! Tudo bem!? 💜
      Hmmmm, assim fica um pouco vago! Você consegue nos mandar seu repo!? 😉
      Ou, melhor, você já faz parte da nossa comunidade no Discord!?
      Posta sua dúvida lá no servidor que eu tenho certeza que o pessoal vai te ajudar! 💜 🚀

    • @ctenonam4
      @ctenonam4 3 ปีที่แล้ว

      @@rocketseat realmente ficou bem vago minha pergunta, mas o código que estava escrevendo está no minuto 29:00, porém eu tive esse erro por estar usando o nextJS. Pra resolver esse erro, ao invés de passar a função dentro do 'useState' na linha 4, eu defini o valor inicial do state usando a variavel 'initialState' e depois usei o 'useEffect' pra pegar os dados do localStorage e definir o tema :D

    • @rafaelpufal1348
      @rafaelpufal1348 3 ปีที่แล้ว

      @@ctenonam4 se vc tiver o codigo no github, pode mandar o repo? kkk

  • @jorgeferreira6754
    @jorgeferreira6754 2 ปีที่แล้ว

    Thank you for this tutorial.

  • @jeffersonlima1442
    @jeffersonlima1442 2 ปีที่แล้ว

    Keeps you creating ;)

  • @StefanoSaffran
    @StefanoSaffran 4 ปีที่แล้ว

    Boa!!! Vou tentar add o tema no BeTheHero aqui! =)

  • @ulissesolivo4794
    @ulissesolivo4794 4 ปีที่แล้ว

    Olá, podia fazer um vídeo falando dos principais Frameworks UI para ReactJS, os que tenham componentes complexos e legais, e se possível as vantagens e desvantagens de cada um.

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Opa, valeu pela sugestão, Ulisses! 💜

  • @PedroPortela_oficial
    @PedroPortela_oficial 10 หลายเดือนก่อน

    que videoo incrivelll

  • @natanaeloliveira4614
    @natanaeloliveira4614 2 ปีที่แล้ว

    que explicação perfeita

  • @voguh__
    @voguh__ 4 ปีที่แล้ว

    cara vc nao usa nenhum framework tipo material-ui nem nada, tudo vc faz com styled components na raça mesmo, tipo, quer um input like material, tu vai e faz na mao?

  • @TMRORG
    @TMRORG 3 ปีที่แล้ว

    Como faria a parte do armazenar o tema no localStorage usando o next ?

    • @alquiponeto
      @alquiponeto 3 ปีที่แล้ว

      @Guilherme Illescas Tem como postar o github com a alteração?

  • @pedropontes
    @pedropontes 4 ปีที่แล้ว

    Mano, como eu compartilho o tema com as outras telas da aplicação no react native?

  • @szczurovsky4864
    @szczurovsky4864 3 ปีที่แล้ว

    extension vsc for colorize css?

  • @williansilva7790
    @williansilva7790 2 ปีที่แล้ว

    Any idea why my gms softs different?

  • @thymarques
    @thymarques 4 ปีที่แล้ว +4

    Uma coisa simples como mudança de tema seria melhor apenas uma troca de objeto de definições, não preciso dessa volta toda, eu faço isso com muito menos dependências, e menos código.

    •  4 ปีที่แล้ว

      Tem no gitHub? Posta ae mano pfv

    • @thymarques
      @thymarques 4 ปีที่แล้ว

      @, não tenho feito, mas posso fazer, só preciso de uma demanda desta funcionalidade.

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Legal Tiago.. tem várias maneiras de se fazer =))

    • @thymarques
      @thymarques 4 ปีที่แล้ว

      @@rocketseat , sim de fato! Desculpe se o que disse soou estranho, mas meu objetivo era deixar uma segunda opção para o caso de mudança entre 2 temas. Mesmo assim, seu video foi muito interessante, no tocante a diversos outros pontos.

  • @MrPardal
    @MrPardal 3 ปีที่แล้ว

    Sensacionível!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      "Incríveonal" demais, né!? HAHAHA 😛
      Valeeeeu, Halisson! 💜 😍

  • @lucaserthal5003
    @lucaserthal5003 3 ปีที่แล้ว

    Fiz toda a configuração necessária e o props.theme continua como any

  • @tadeulima8805
    @tadeulima8805 4 ปีที่แล้ว

    Prezados,
    Como eu faria um controle para tema e outro controle para tamanho de fontes separados? Exemplo um switch para cada um no caso? Obrigado.

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Faala, Tadeu! 💜 Você conhece nossa comunidade aberta? 💜 Por lá você pode tirar essa e outras dúvidas que tiver! Segue o link: www.rocketseat.com.br/comunidade

  • @RaphaelJoer
    @RaphaelJoer 3 ปีที่แล้ว

    Kd o video com as bruxaria do polished?

  • @eucaiosouza
    @eucaiosouza 3 ปีที่แล้ว

    Muito bom!

  • @OxyUs3r
    @OxyUs3r 4 ปีที่แล้ว +2

    Mano eu não entendo nada que vc diz mas eu um dia viu entender eu creio.

    • @m97199
      @m97199 4 ปีที่แล้ว

      Isso aí... Recomendo continuar estudando, vendo vídeos do Diego, faz os cursos gratuitos do site da Rocketseat (Starter), Gustavo Guanabara é bom pra quem tá começando... se possível compra cursos barato da Udemy e lembra sempre de tentar fazer você mesmo! Bora pra frente

    • @OxyUs3r
      @OxyUs3r 4 ปีที่แล้ว

      @@m97199 eu comprei uns cursos na Udemy já e to vendo do Guanabara tbm

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Com certeza vai! =)) Continue estudando que você irá colher os frutos em breve

  • @maikyroger636
    @maikyroger636 2 ปีที่แล้ว

    no arquivo light, o que é o codigo ? um objeto ?

    • @Gustavo-vu1py
      @Gustavo-vu1py 2 ปีที่แล้ว

      sim e não vc vai ter que tipar ele com o typeof do proprio theme

  • @ViniciusPR813
    @ViniciusPR813 2 ปีที่แล้ว

    Alguém sabe qual extensão ele está usando para ver as cores na variável no vccode? Tipo, na hora que ele digita #7159c1

  • @fortbr_ytb8059
    @fortbr_ytb8059 4 ปีที่แล้ว

    estou com o sguinte erro : Failed to compile
    ./src/App.tsx
    Attempted import error: './components/Header' does not contain a default export (imported as 'Header').
    alquem poderria me ajudar

    • @doominating
      @doominating 4 ปีที่แล้ว

      aparentemente faltou o
      export default Header;
      no final do arquivo "src/components/Header/index.tsx" ...

  • @leolima8585
    @leolima8585 4 ปีที่แล้ว

    Maxu
    Quer fazer teu curso
    Mais só vivo devendo o mercadinho da esquina
    Sou um pobre na vida da ciências da computação.
    É completo esse curso mesmo?.

    • @leolima8585
      @leolima8585 4 ปีที่แล้ว

      Me mandaram Parabéns porquê? Achei deboche quando alguém quer ser sério

  • @pedromihael8968
    @pedromihael8968 4 ปีที่แล้ว +3

    27:30 "file is not a module... hm... como não? claro que é!" KKKKKK

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Hahahahaha 😄😄

  • @weslleyfillipe1532
    @weslleyfillipe1532 2 ปีที่แล้ว

    eu me sinto incrivelmente burro sempre q vejo videos como esse, q eu nao entendo quase nada

  • @vitorialopes6236
    @vitorialopes6236 4 ปีที่แล้ว

    Funciona da mesma maneira com React Native?

    • @Joe-zw1qt
      @Joe-zw1qt 4 ปีที่แล้ว

      ss, só importar styled-components/native