Ufa, foi longo mas valeu a pena. Ainda não comecei a estudar React a fundo, mas sei que você falou de muita coisa de alto nível e deu para acompanhar bem, legal que quando eu for estudar já tenho uma referência na prática, avançada e clara.
Já dei o LIKE adiantado!!! Lembrando que a nova versão do site do STRIPE ficou irada! (DICA: queria muito aprender a fazer aquele background animado deles). Por enquanto está disponível apenas em stripe.com
Boa Rodz, valeu por fazer o vídeo que sugeri, ficou muito absurdo, tankou izi essa Mais uma sugestão: O chat da Intercom, também é MUITO massa e desafiador Outra: Animação de login do Hotmart (ao conectar, ele sobe o formulário e por baixo dele aparece o painel, dá uma experiência muito boa)
As vezes vejo esse videos e penso, cara se esse video free e dessa qualidade imagina um next level... um omnistack... ja quero garantir minha vaga para o proximo em agosto!!
Dentre todos os conhecimentos incríveis obtidos nesta aula, o que vai ficar na minha memória, será a descoberta de que a tecla Tab, além de navegar para frente, ela volta!
Cara, que vídeo incrível!! Uma sugestão pegando ideia de um comentário: seria muito bom colocar os tópicos abordados no vídeo com o tempo na descrição para ficar com acesso mais fácil tanto clicando na descrição quanto tendo a barra de progresso visualmente dividida com os nomes dos tópicos. Vídeo SHOW!
Vou passar de sugestão essa interface completamente absurda, segue nesse link q vc vai ver. Eles utilizam React e Three.js para desenvolver moxy.studio/
esse menu é sensacional !! parabéns ! eu estou tentando utilizar ele, mas não estou conseguindo deixar ele na frente do conteúdo das paginas | já usei o z-indez mas mesmo assim o conteúdo do dropdown sempre fica para trás
Mt bom, sei que comentei em outro video mas traz UI clones ou aulas criando sites inteiros usando diversos recursos. Como Routes e consumindo uma api com axios.
Show show show, por favor poderia dizer ou fazer um vídeo do Tailwind.css, oppinião da RocketSeat etc..., eu utilizo e gostaria de saber se vale apena seguir com ele ou nao.
particularmente eu parei de usar "container" apenas quando se trata do container (ava) do componente, eu passei a usar "nome do componente/pagina"Container, pq as interfaces se necessario nao fica tudo "IContainer"
@@rodz acho que uma coisa tbm que me fez mudar é que estou acostumado com o estilo Bootstrap da vida, container>row>col daí sempre que uso grid eu renomeio a "grid" para container kkkk
cara tu pode remover os icones da área de trabalho, instalar o pacote do material icon theme na pasta .icons e instalar essa dock que é chamada de Plank. Quando usava Linux Mint, usava exatamente essa aparencia kk
@@mastertmplayer Sei sim. Se tu quer deixar parecido com o Mac, baixa o La Capitaine Icon Theme e bota na .icons, aí tu baixa o Mac OSX Theme pra GTK3 e bota ele na .themes. Pra mudar eles pro lado esquerdo eu não lembro agora, mas nas configurações e fácil achar
@@JoaoPedro-id8hi vlw msm, to com windows 10 aqui mas com vontade tremenda de voltar pro linux mais uma vez, so n volto por causa dos programas da adobe q sou familiarizado
pra eu poder fazer esse projeto por exemplo, estou tendo dificuldades pois eu clono os aquivos e eles estao diferentes, devo excluir? devo manter? eu mesmo crio um novo arquivo? da um help pls
@@rodz então, eu estava tendo problemas porque eu usava o github todo manual, sem comandos no terminal, então tive que aprender e tals, mas agora estou conseguindo acompanhar aqui. mas obrigado de qualquer forma, vocês são incríveis.
Bom dia boa tarde boa noite, seguindo a aula eu fiquei com a tela branca nos navegadores nos primeiros 16:00 minutos, vamos ver daqui para frente, estou usando Windows 11 Pro, Visual Studio Code 1.70.2 sem telas de erro apresentadas
sabe me responder em quanto tempo a stripe paga? estou vendo a possibilidade de começar uma operação de e-commerce na gringa, mas iria precisar de giro $$ no Brasil temos o mercadopago que libera na hora, mas não serve na gringa... em quanto tempo o stripe libera a grana?
Faala, Allison! Você conhece nossa comunidade aberta? Por lá você pode tirar essa e outras dúvidas que tiver :purple_heart::purple_heart::purple_heart: Segue o link: www.rocketseat.com.br/comunidade
Guilherme, cara... parabéns pelo video, quero fazer um pedido: Faz um clone usando essa mesma lib, com algo que seja usado um banner animado daqueles que fica tempo em tempo passando, por favor... agradeceria... fica na paz.
Faala Gustavo! Você pode usar o Format Document do próprio VSCode. Dependendo do seu sistema o atalho pode ser diferente, mas buscando lá em Preferences > Shortcuts você pode pesquisar por "Format Document" no seu 💜
No caso do mobile entram outros aspectos de usabilidade que um menu como esse talvez não faria tanto sentido Lucas. Mas vamos tentar trazer mais conteúdos sobre mobile e animações 💜
to tentando cria um questionário com 10 perguntas e 5 opções de escolha com react, ta bem complicado se pudesse fazer um exercicio mostrando como se faz ia se bacana, como salva e atualiza essas informações etc
opa, é só procurar como funciona um post com comentários, tá cheio na web, cria um objeto Pergunta e outro chamado Resposta (com o pergunta_id) dentro. Qdo vc inicializa e instancia.. Caso orientação a objeto seja um pouco complexo, vc pode botar a pergunta em uma ul e nas lis, vc coloca pergunta.respostas[0], pergunta.respostas[1], ..., pergunta.respostas[4]. abs
Faala, Cedrio! 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
@@cleitonbugs fiquei full foco e esqueci de volta aqui pra ve se responderam, acabei resolvendo sozinho, mas obrigado pela ajuda de qualquer forma rapaziada (3 dias kkk)
Que saudades desse professor, o cara é o brabo dos clones ❤
Primeiros 43 segundos de vídeo e já deixei meu like! O que que é isso? A Rocketseat vai dominar o mundo um dia, TOMEM NOTA!
Boraaaaa 🚀💜
Ufa, foi longo mas valeu a pena.
Ainda não comecei a estudar React a fundo, mas sei que você falou de muita coisa de alto nível e deu para acompanhar bem, legal que quando eu for estudar já tenho uma referência na prática, avançada e clara.
Fala Jefferson! Valeeeu pelo feedback! 💜
Já favoritei! Obrigado Rocketseat! Sem vocês eu não chegaria a lugar algum
Faala Gabriel! Que honra. Conte sempre com a gente 😍💜
Only English Club!!! Glad I can read the code. Also, amazing tutorial, stripe is a beautiful website!
Thank you for your feedback 💜
Caraca que vídeo foda, conteúdo incrível, no começo foi meio dificil mais consegui acompanhar hehe. Agradeço pelo vídeo Abraço a todos.
Faala Nelson! Obrigado pelo feedback! Que bom que conseguiu! 💜💜
Já dei o LIKE adiantado!!!
Lembrando que a nova versão do site do STRIPE ficou irada! (DICA: queria muito aprender a fazer aquele background animado deles).
Por enquanto está disponível apenas em stripe.com
Faala Diego! Valeu pelo feedback!! 💜
Possivelmente a aula mais complexa do canal, parabéns!
Faala dev! Obrigadoo pelo feedback 💜💜
Boa Rodz, valeu por fazer o vídeo que sugeri, ficou muito absurdo, tankou izi essa
Mais uma sugestão: O chat da Intercom, também é MUITO massa e desafiador
Outra: Animação de login do Hotmart (ao conectar, ele sobe o formulário e por baixo dele aparece o painel, dá uma experiência muito boa)
Fala Cauê! Valeeeu pelo feedback e sugestões 💜
esse video é bem da hora 😃 nunca é demais aprende... e para responder a tua pergunta , sim já usei uma lib react.js de animação o GSAP
Boaa! Valeeu Rui 💜
As vezes vejo esse videos e penso, cara se esse video free e dessa qualidade imagina um next level... um omnistack... ja quero garantir minha vaga para o proximo em agosto!!
Faala Vinny! Não perca essa oportunidade não, bora pra cimaaa 💜 🚀
Rodz é um monstro! Muito bom... certeza que vai ter curso do Rodz na plataforma
hahahaha ele manda bem demaaaais! 💜
Caralho, que marretada. Mandou bem demais explicando algo bem complexo!
Fala Eliseu! Valeeu pelo feedback 💜
S E N S A C I O N A L. Parabéns mano. Como vc falou, parece simples mas vai codar pra ver. haha
Faaaala Kaio! Valeeu pelo feedback! Só codando é que vemos a bronca hahaha 💜
Simplesmente incrível.
Rocketseat só conteúdo de qualidade, vlw mesmo!
Faaala André! Obrigado pelo feedback 💜
Melhor quadro e o Guilherme tá mandando muito 💜💜
Tá voando demais!! 💜🚀
Nossa quanto conteúdo!!!!! muito bom!
Fala dev!! Valeeu pelo feedback! 💜
Muito bom esse UI Clone, realmente um trabalho bem profissional, tão profissional que a interface ficou melhor que a original na minha opinião.
Faaala Victor! Valeeu pelo feedback 💜💜
Dentre todos os conhecimentos incríveis obtidos nesta aula, o que vai ficar na minha memória, será a descoberta de que a tecla Tab, além de navegar para frente, ela volta!
Hahahaha Valeeu Rafael! 💜
Que massaa, melhor quadro 💜
Valeeu pelo feedback Ronny!! 😍💜
Cara, que vídeo incrível!! Uma sugestão pegando ideia de um comentário: seria muito bom colocar os tópicos abordados no vídeo com o tempo na descrição para ficar com acesso mais fácil tanto clicando na descrição quanto tendo a barra de progresso visualmente dividida com os nomes dos tópicos. Vídeo SHOW!
Faala Storm! Obrigado pelo feedback e sugestão! 💜
Muito massa.. nem acompanhei tudo mas já dá pra deixar o like.. valeu!
Opa! Valeeu pelo feedback Lucas!! 💜
Obrigado pelos conteúdos incríveis 👏💜
Fala Ezequiel!! Por nada!! 💜💜
Tu sabe que eu te amo, né? VTNC Q AULA BRABA, já sei o q vou fazer nesse fds
Vou passar de sugestão essa interface completamente absurda, segue nesse link q vc vai ver. Eles utilizam React e Three.js para desenvolver
moxy.studio/
hahahahaha valeeu pelo feedback e sugestão Pedro 💜
esse menu é sensacional !! parabéns ! eu estou tentando utilizar ele, mas não estou conseguindo deixar ele na frente do conteúdo das paginas | já usei o z-indez mas mesmo assim o conteúdo do dropdown sempre fica para trás
Dei like nos primeiros segundos já pelo video maravilhoso E pelo professor usar LINUX
hahahaha valeeeu João !! 💜
Aeeeee. UI Clone longo!!!
Hahahaha e bota longo nisso! 💜💜
Seloco melhores videos 😍😍😍🥰
Faala Alan! Obrigado pelo feedback 💜😍😍
Sem palavras só vaiiiiii
Bora pra cima!! 💜🚀
Absurdo!! 🤯🤯🤯
Hahahaha seguraaa 🚀🤯
Outra sugestão interessante de clone seria o desktop do mac OS, abrir browser por
Opa! Valeeu pela sugestão Clóvis 💜💜
Rodz é brabo!!
Fala Ricardo! Valeeu pelo feedback 💜
Like já nos primeiros segundos!
Valeeeu José 💜
Mt bom, sei que comentei em outro video mas traz UI clones ou aulas criando sites inteiros usando diversos recursos.
Como Routes e consumindo uma api com axios.
Fala dev! Valeeu pela sugestão 💜💜
Ui Clone é sensacional com react native seria top também
Fala Ycaro! Valeeu pela sugestão!! 💜
MUITO BOM!
Caraca, q menu chique
hahaha demais né? Valeeu pelo feedback Altamir 💜
Muito bom!
Fala, Halisson! Valeeu pelo feedback 💜
Show show show, por favor poderia dizer ou fazer um vídeo do Tailwind.css, oppinião da RocketSeat etc..., eu utilizo e gostaria de saber se vale apena seguir com ele ou nao.
Fala, Jonas! Valeeu pela sugestão!! 💜
Topzera!! go code!
Valeeu Bruno!! 💜🚀
Brabo dmsss
Faala Tayan! Valeeu pelo feedback 💜
Muito bom, ótimo video!
Fala Wallace! Valeeu pelo feedback 💜💜
muito bom!!
Faala, Wesley! Obrigado pelo feedback 💜
shift + alt e clicka pra cima ou pra baixo para copiar a linha toda
Boaa Junan!! 💜
particularmente eu parei de usar "container" apenas quando se trata do container (ava) do componente, eu passei a usar "nome do componente/pagina"Container, pq as interfaces se necessario nao fica tudo "IContainer"
💜
@@rodz acho que uma coisa tbm que me fez mudar é que estou acostumado com o estilo Bootstrap da vida, container>row>col daí sempre que uso grid eu renomeio a "grid" para container kkkk
Podia sair uns UI Clone com React Native também hein
Fala Leo! Valeeu pela sugestão 💜
Só queria um tutorialzin pra deixar a distro com essa aparência linda...
cara tu pode remover os icones da área de trabalho, instalar o pacote do material icon theme na pasta .icons e instalar essa dock que é chamada de Plank. Quando usava Linux Mint, usava exatamente essa aparencia kk
@@JoaoPedro-id8hi e o esquema dos botoes de maximizar e tals parecidos com mac? sabe como faz?
@@mastertmplayer Sei sim. Se tu quer deixar parecido com o Mac, baixa o La Capitaine Icon Theme e bota na .icons, aí tu baixa o Mac OSX Theme pra GTK3 e bota ele na .themes. Pra mudar eles pro lado esquerdo eu não lembro agora, mas nas configurações e fácil achar
@@JoaoPedro-id8hi vlw msm, to com windows 10 aqui mas com vontade tremenda de voltar pro linux mais uma vez, so n volto por causa dos programas da adobe q sou familiarizado
Boa João!! 💜
Qual é o linux que você uso ? muito obrigado
pra eu poder fazer esse projeto por exemplo, estou tendo dificuldades pois eu clono os aquivos e eles estao diferentes, devo excluir? devo manter? eu mesmo crio um novo arquivo? da um help pls
@@rodz então, eu estava tendo problemas porque eu usava o github todo manual, sem comandos no terminal, então tive que aprender e tals, mas agora estou conseguindo acompanhar aqui. mas obrigado de qualquer forma, vocês são incríveis.
Bom dia boa tarde boa noite, seguindo a aula eu fiquei com a tela branca nos navegadores nos primeiros 16:00 minutos, vamos ver daqui para frente, estou usando Windows 11 Pro, Visual Studio Code 1.70.2 sem telas de erro apresentadas
sabe me responder em quanto tempo a stripe paga? estou vendo a possibilidade de começar uma operação de e-commerce na gringa, mas iria precisar de giro $$ no Brasil temos o mercadopago que libera na hora, mas não serve na gringa... em quanto tempo o stripe libera a grana?
Fala Gean! Não sabemos sobre isso 😐 💜
Como eu faço pra estilizar o placeholder de um input do tipo date?
Faala, Allison! Você conhece nossa comunidade aberta? Por lá você pode tirar essa e outras dúvidas que tiver :purple_heart::purple_heart::purple_heart: Segue o link: www.rocketseat.com.br/comunidade
Não sei
Guilherme, cara... parabéns pelo video, quero fazer um pedido: Faz um clone usando essa mesma lib, com algo que seja usado um banner animado daqueles que fica tempo em tempo passando, por favor... agradeceria... fica na paz.
Faz um vídeo sobre React Loading Skeleton
Opa! Valeeu pela sugestão Limazia! 💜
Alguém sabe me dizer de onde ele tiro uessa função temp1? Não conseguir entender essa parte.
Aos 59:19.
@@rodz Muito obrigado pela atenção, Rodz!
Abraços, meu nobre.
Pera como vc tá usando esse auto indent sem ter configurado eslint?
Faala Gustavo! Você pode usar o Format Document do próprio VSCode. Dependendo do seu sistema o atalho pode ser diferente, mas buscando lá em Preferences > Shortcuts você pode pesquisar por "Format Document" no seu 💜
Seria interessante menu mobile também.
No caso do mobile entram outros aspectos de usabilidade que um menu como esse talvez não faria tanto sentido Lucas. Mas vamos tentar trazer mais conteúdos sobre mobile e animações 💜
code . também funciona no windows
Boa André! 💜
to tentando cria um questionário com 10 perguntas e 5 opções de escolha com react, ta bem complicado se pudesse fazer um exercicio mostrando como se faz ia se bacana, como salva e atualiza essas informações etc
opa, é só procurar como funciona um post com comentários, tá cheio na web, cria um objeto Pergunta e outro chamado Resposta (com o pergunta_id) dentro. Qdo vc inicializa e instancia.. Caso orientação a objeto seja um pouco complexo, vc pode botar a pergunta em uma ul e nas lis, vc coloca pergunta.respostas[0], pergunta.respostas[1], ..., pergunta.respostas[4]. abs
Faala, Cedrio! 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
@@rocketseat o loko, deu overlap na minha resposta
@@cleitonbugs fiquei full foco e esqueci de volta aqui pra ve se responderam, acabei resolvendo sozinho, mas obrigado pela ajuda de qualquer forma rapaziada (3 dias kkk)
Rapaz, use framer motion em tudo que vier!!
Hahahah né 💜
A fala agoniada do Rodz em alguns momentos é comédia viu. rsrsrsrsr, sei como é., a mente mais a frente do que os dedos... rsrsrsrssr
hahahaha 💜
Nossa!!! Eu doente e pensando em ligar o pc agora. Rsrs!!!
E aí, já fez ? hahaha 💜
Que história é essa de fim da Rocketseat?
É um fim, para um novo começo. Leia o email com mais atenção e vai perceber.
@@luizgoncalves1421 Eu li, e acabei percebendo. Obrigado! :)
É apenas o fim do que vocês conhecem como Rocketseat. Traremos muitaaaas novidades em breve. Não posso dar spoilers 👀 💜
olá, faz um clone do site nação rubro-negra com reactjs para vender plano de socio-torcedo pode ser de outro club ...muito obrigado vlw!!
Clona a interface do Facebook
Fala Paulo! Valeeu pela sugestão 💜
Dá pra reproduzir pelo codesandbox.io/ ?
💜
KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK SE NAO FICOU CLARO, ME DESCULPE ALKSDJALKSJDALKSDJALSKDJ
Só um adendo, Hidden se fala 'Hídden' e não 'Háidden'
💜
achei que só eu estava agoniado com iss haha
Eu tô numa procrastinação de aprender js💔💔💔😪
Pare com isso rapaz!! Já se inscreveu na NLW? 💜
nextlevelweek.com
Volta com typescript!
muito complexo slk