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
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.
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!
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
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 :)
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
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!!!
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
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.
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?
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.
@@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.
@@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é?
@@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.
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.
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!
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!!
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! 💜💜
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
#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?
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
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
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 :)
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.
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?
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! 💜 🚀
@@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
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.
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?
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.
@@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.
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
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
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
![ประสบการณ์ จ้าง Developer ที่ผมจะไม่มีวันลืม [ภาค1]](http://i.ytimg.com/vi/bzivN4KDg-k/mqdefault.jpg)
De longe o melhor canal brasileiro da categoria.. Parabéns Diego!!!
Woow! Vaaleu Leeo! =))
Faz uma masterclass sobre Polished, vai ser show
Caraca a quantidade de conhecimento desses caras é absurda. Dá pra passar uma vida em frente o computador aprendendo só com a Rocketseat.
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)
Legal Alisson! Valeu pela dica =))
seria loko msm!
Na verdade é quase igual do vídeo. Só algumas coisas que vai mudar. Tô falando da parte de salvar o idioma selecionado, etc.
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.
Legal Pedro! Valeu pelo seu feedback
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
Concordo rsrsrs
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.
Fala Cristian! Valeeeu pelo feedback 💜
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!
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?
@@TheSPIDER232 Espera ai, é possivel refactora o sass pro styled-component?
porque eu já estou a me ver a reescrever todo meu codigo do zero. 😅
Impressionante, é muita qualidade que vc coloca nesses videos Diego, não é atoa que a Rocketseat está bombando, parabéns rapaz.
Vaaaleu Batista!!
Nuss, queria muito vídeo sobre troca de tema. Vlw, Diego.
Opa Matheus! Que bom que te ajudou haha! =)
Hi Diego, Despite 0% knowledge about your language, this video helped me.
Please consider making videos in English as well, more people need them.
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
Tem um curso no YT mesmo sobre TS, do Mestre Programador e DevDojo e da Loiane Groiner, assiste lá.
@@NikoKlebtz vou dá uma pesquisada. Tô precisando muito aprender ...
Legal João! Valeu pelo feedback =)
29:20 o meu da ReferenceError: localStorage is not defined, por causa do locaStorage.getItem(key) dentro do useState, alguem pode dar um help?
TNice tutorials is just the pick up I needed, thanks man
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 :)
Fala Michael! Valeu pelo feedback e sugestões
Estou usando o Google Translate para digitar isso. Não entendi uma palavra do que você disse, mas entendi todo o código!
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
Muito top, ajudou para caramba em relacao ao uso do StyledComponents
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!!!
Enquanto vc le esse comentario o Diego ja digitou a biblia de tras para frente!
Hahaha! Boa Lucas =)
Mais uma ótimo vídeo aula!!! Super ajudou, Diego!! Seria legal você fazer um vídeo usando React Native com TypeScript.
Vaaaleu pelo feedback e pela sugestão, Vinicius! 💜
Show! Continuem com os conteúdos utilizando typescript!
Com certeza Obi!! Esse ano promete muita coisa legal! Valeu pelo feedback =)
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
Show, Diego.
Vídeo extremamente útil.
Parabéns!!!!!
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.
ajudou muito 👍
Vídeo incrível, eu adoraria ver um vídeo sobre Polished Diego!
Faaaaala, Nicolas!
Perfeito! Sugestão anotada aqui! 💜
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?
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.
@@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.
@@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é?
@@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.
@@edilsonpacheco847 entendi! Muito boa sua explicação, irei avaliar melhor meus projetos!
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.
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!
Salva em um cookie
Essas importações do styled-components funciona no react-native?
Sim, você importa de styled-components/native
Acabei de assistir e era exatamente o que eu estava procurando. Grande ajuda, obrigadaaaaaa!!!
qual extensão vc usa pra ficar colorido quando vc passa o hexadecimal e pinta da cor exata?? @Rocketseat
que conteúdo super útil
Opa Felipe! Valeu demais =)
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!!
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! 💜💜
tem como importar um ficheiro de mixins em sass e usar no styled components?
"O padrão deveria ser DARK" - Diego Vampirão hahahahaha
Vídeo maneirão. Fala mais sobre o polished sim. Parabéns
Pode deixar, Hugo!! Falaremos! 😉
Valeeu demais! 💜 🚀
Guys, can u explain, how to set up the VS code so that it recognizes the code in `string-templates` ?
just install the "vscode-styled-components"
@@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.
Como eu crio o arquivo .d.ts no React Native? Devo fazer alguma alteração ao fazer ele no RN?
Animal!!!! Serial legal uma seria mais a fundo de Design com Sketch, React, Stylecomponent e Typescript.
Faala Zava! Opa, vaaleu pela dica =))
Qual tema ele ta usando no google chrome e no terminal ??? esse plano de fundo do chrome é mto bonito
CARAMBA!!!! Agora sim, meus projetos vão ter outra cara :D
Hahaha massa Jandrei! Valeeu pelo feedback 💜
Parabéns Diego, ficou bem bacana...se puder faça uma sobre multi language no react e react native!!!
Fala Ricardo! Valeu pelo feedback e já anotamos sua dica!! :D
Como que passa o toogleTheme pelas rotas?
Adorei o conteúdo, parabéns.
Como vc fez aquele template do Container no styles.ts? Tipo já veio certinho a estrutura
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.
Fala Henrique! Temos uma comunidade no Discord com milhares de devs.. entre lá e poste suas dúvidas por lá =))
rocketseat.com.br/comunidade
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
Faala Edu! Valeu pela dica! Esse ano teremos bastante conteúdo com TypeScript
@@rocketseat show, vou ficar de olho então
Diego! Faz um vídeo criando um componente reutilizável para qualquer projeto, estilo o UNFORM.
ótima aula
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?
#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?
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
Show, curto muito o code/drop só gostaria de pedir pra abaixar um pouco a vinheta =D Valeu!
Opa Thalles! Valeu pelo feedback :D
SHOW! Adorei
Massaaa! 💜 🚀
se o diego tem dúvidas, eu tenho mais ainda AUHEUAe vídeo foda!
Hahaha! Boa João! Valeu pelo feedback =)
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
foda demais, ta maluco!!!!
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 :)
Jose Henrique Tipo isso kkkkkkkk
É por ser exportado por padrão, daí pode ser nomeado de qualquer coisa.
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"
Se eh fod... Parabéns ai... Consigo fazer em javascript tudo isso?
Se nesse canal já da para aprender muita coisa. Imagine o curso pago.
Vídeo muito bom, show!
Poderia fazer mais conteúdos de React usando Typescript.
Faala Lucas! Estamos preparando bastante conteúdo legal sobre TypeScript para esse ano =)))
@@rocketseat vcs são demais #7159c1
Diego pode fazer um Code/Drops sobre como passar um token paras as rotas da aplicação. Ótimo video!
Fala Felipe! Dá uma olhadinha lá em um post do nosso Blog blog.rocketseat.com.br/reactjs-autenticacao/ =)
using soft, can't wait to get my hands on it.
Massa, valeu!! Manda mais conteúdo React + TS! :D
Pode me dar sua opinião, qual o melhor Github ou gitLab para fazer projetos e usar como portfólio ?
Fala Antônio. Nós aqui na Rocketseat utilizamos e recomendamos o Github =)
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.
Ajudo muito, obrigado!🚀
Kkkkkkkkkkkkk Diego: "eoq?"
hahaha! =)
Onde posso encontrar as gravações das semanas omnistack passadas?
Olá! A Semana OmniStack só fica disponível durante o evento mesmo, depois as aulas saem todas do ar =)
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
HUHEUHWAUE né isso mano '='
U gotta make it look so easy, thx bro!
como eu faria para posicionar o switch ??
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
hahahah é possível! 😂💜
Excelente!
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?
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! 💜 🚀
@@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
@@ctenonam4 se vc tiver o codigo no github, pode mandar o repo? kkk
Thank you for this tutorial.
Keeps you creating ;)
Boa!!! Vou tentar add o tema no BeTheHero aqui! =)
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.
Opa, valeu pela sugestão, Ulisses! 💜
que videoo incrivelll
que explicação perfeita
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?
Como faria a parte do armazenar o tema no localStorage usando o next ?
@Guilherme Illescas Tem como postar o github com a alteração?
Mano, como eu compartilho o tema com as outras telas da aplicação no react native?
extension vsc for colorize css?
Any idea why my gms softs different?
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.
Tem no gitHub? Posta ae mano pfv
@, não tenho feito, mas posso fazer, só preciso de uma demanda desta funcionalidade.
Legal Tiago.. tem várias maneiras de se fazer =))
@@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.
Sensacionível!
"Incríveonal" demais, né!? HAHAHA 😛
Valeeeeu, Halisson! 💜 😍
Fiz toda a configuração necessária e o props.theme continua como any
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.
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
Kd o video com as bruxaria do polished?
Muito bom!
Mano eu não entendo nada que vc diz mas eu um dia viu entender eu creio.
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
@@m97199 eu comprei uns cursos na Udemy já e to vendo do Guanabara tbm
Com certeza vai! =)) Continue estudando que você irá colher os frutos em breve
no arquivo light, o que é o codigo ? um objeto ?
sim e não vc vai ter que tipar ele com o typeof do proprio theme
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
Colorize
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
aparentemente faltou o
export default Header;
no final do arquivo "src/components/Header/index.tsx" ...
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?.
Me mandaram Parabéns porquê? Achei deboche quando alguém quer ser sério
27:30 "file is not a module... hm... como não? claro que é!" KKKKKK
Hahahahaha 😄😄
eu me sinto incrivelmente burro sempre q vejo videos como esse, q eu nao entendo quase nada
Funciona da mesma maneira com React Native?
ss, só importar styled-components/native