👉 Curso para aprender React JS e Next JS! www.rocketseat.com.br/ignite?KIPPERDEV-none-none-none-none-redes_kipperdev&referral=kipperdev&coupon=KIPPERDEV@IGNITE CUPOM: KIPPERDEV@IGNITE
IT WAS DONE ... Excelência no projeto !👋 Estou a quase 2 anos na rocketseat , trabalho como fullStack júnior atualmente em um a empresa super cool ... Migrei de carreira aos 45 anos. A experiência nos trás maturidade ... Acredite em você! Invista em seu potêncial. ( Os dois vídeos são ótimos, explicações e pausas para esclarecimentos são dignos de uma teacher (high qualified.) Não acredite nas promessas de 6 meses , acredite em um plano de estudos sério com gente qualificada. Fiz muitos e muitos projetos com devs do brasil e de fora devido a fluência em inglês , más confesso que tirei dúvidas essenciais neste projeto com a Fê e ela não fica devendo nada aos amigos que fiz espalhados pelo planeta extremamente qualificados nas stacks utilizadas aqui. Essa garota vai longe ... Vale seguir tudo o que ela indica. E quanto a rocket??? Mandam bem demais ... se tá iniciando , não deixe de guanabarar kkkkkkkkkk pega essa!
Fê, estou prestes a começar em um cargo de Desenvolvimento Front-End em um projeto na Petrobras e essa aula foi uma interessante descoberta para minhas revisões em React. Parabéns por sua incrível aula e por fortalecer a presença feminina e nos mostrar que também podemos brilhar como desenvolvedoras. 💪🚀
excelente conteúdo! trabalho com desenvolvimento web e mobile, mas tenho um bloqueio pessoal com web e assistir suas aulas tem me ajudado bastante a me arriscar um pouco mais nesse mundo! Obrigado e parabéns. Deus te abençoe continuamente.
Boa noite fernanda, muito obrigado pelo conteudo! queria comentar com você se é comum no dia a dia do desenvolvedor estilizar igual a você no video, em um componente styled components ter dentro dele elementos comuns html por exemplo, h2, span, div e p. E ai ir selecionando eles como filho la na estilização do componente styled components e ir estilizando as tags html comuns como h2, div e etc... essa é uma boa pratica??
Muito bom! Nunca tinha utilizado um sistema de cachê e parece ser muito uteis para evitar novas requisições, irei aprender e utilizar com mais frequência.
Obrigada Iarlen, fico feliz que gostou!! Simm, vale a pena estudar sobre, o cache ajuda a diminuir o número de requests a nossa API o que consequemente melhora nossa perfomance e reduz custos da API também caso conte por requests
Parabéns Fer , por toda dedicação nos projetos transmitidos, sou inscrito recente e fã, fazendo transição de carreira para área téc, e me motiva muito ver a sua logica de aplicação e didática. Espero me tornar um Dev de qualidade, assim como você ;D
Oi Fernanda, muito bom esses videos resolvendo desafios de testes de entrevistas, gostei bastante. Mas eu fiquei muito curioso com seu padrão de commits, poderia fazer um video falando a respeito? Parabens pelo trabalho!!!
Oii Gustavo, muito obrigado 💜 É isso mesmo que o radiante comentou aqui, conventional commits. É bom padronizar a forma de commits pra facilitar várias coisas depois!
Show demais. Fico feliz em ver desafios reais assim serem resolvidos. Mas confesso que fico com a sensação de um conhecimento quase inalcancavel para um dia ter condições de preencher vaga com tamanha exigência. Tô no começo da programação. 😓😳
Obrigada!! E não pense assim, esse desafio era super completo mesmo, e a medida que você for estudando e praticando mais, as coisas vão se tornando naturais pra você. Me levaram alguns anos de estudo pra saber o que sei hoje, somados com a experiência de trabalho. Então não desanime, você consegue!
Olá Feh tudo bem ? adorei seu video, vou tentar fazer sozinho e usar seu video aonde eu tiver dificuldades... uma duvida, eu sou JR e comecei na primera empresa agora, deveria ser capaz de conseguir fazer isso já sozinho ?
Obrigado pelos vídeos! Fiz o deploy do frontend na vercel mas para isso tive que remover o window como dependência do useEffect. Está dando erro de window not defined. Mas sem ele quando redireciono para outra página por exemplo, aparecem componentes indesejaveis antes de terminar o loading. Pensei que o problema era pq eu não tinha uma página loading mas continuou dando esse problema. Sabe como resolver o erro do window?
Em relação às suas estruturas de páginas, são boas práticas atuais o styled components estar no mesmo arquivo do componente? ( pergunto pois sempre aprendi, estudei e atuei com a forma de pasta contendo dois arquivos, um index.tsx para o componente, e o styles.ts para o styled)
Oii Pedro, quando os componentes criados com Styled são bem pequenos e algo específico para esse componente React e não será utilizado em outro local, é normal deixar dentro do mesmo arquivo, porém, quando são componentes maiores ou que podem ser reutilizados é bom extrair para um arquivo próprio como você comentou! No vídeo acabei não fazendo essas refatorações por conta do tempo, se não fica um video ainda maior hehe 😊
Olá Fernanda, tudo bem?? Acho que agora seria muito legal, se você fizesse, um resolvendo desafio de vaga backend java com spring boot, seria muito bom!
Oii Danillo, tudo bem? Eu nunca trabalhei com Vue, as bibliotecas de Front que já trabalhei/trabalho são com React Js, Next js e Angular. Por isso ainda não trouxe conteúdo de Vue por aqui :)
React depois TypeScript. Mas no final, não vai fazer muita diferença. Não vai demorar mais de um ou dois meses par tu pegar a base do React. TypeScript, tu pega a base em no máximo duas semanas.
Na descrição do desafio não especificava a senioridade da qual se tratava a vaga, mas na minha humilde opnião seria um desafio para Pleno, ou Júnior com alguns anos de experiência (quase Pleno hahah).
alguem me ajuda com esse erro query { Product(id: "4eb0a668-53ee-44d5-8f9e-cddaf2f8c7f9") { name name description category price_in_cents } } { "data": { "Product": null } } Agarrei na parte 52 min do video, nao carrega as imagens.
Ótimo vídeo, curti muito acompanhar e fazer funcionar! A maioria das coisas funcionaram pra mim, porém tem um bug que acontece quando a página é atualizada, ou quando o usuário vai pra outra página e volta pra Home, os styled-components param de funcionar para os items, e se caso entrar em um produto ou se fizer alguma atualização em algum componente manualmente ele volta a se comportar normalmente. Alguém sabe ou já viu esse bug ? @kipperdev
Encontrou alguma solução para isso? Estou passando pela mesma coisa, quando a gente utiliza um framework com SSR tipo o nextjs, pelo que entendi o nosso componente já tem que vir pronto do servidor, inclusive o seu css. Infelizmente o styled components tem um runtime ainda no cliente, gerando esse bug aí =/ @kipperdev tem alguma sugestão?
@@igorfranklin1926 acredito que seja exatamente o que vc falou, eu tive que trocar e passar a utilizar tailwind para esse problema não ocorrer no meu projeto
👉 Curso para aprender React JS e Next JS!
www.rocketseat.com.br/ignite?KIPPERDEV-none-none-none-none-redes_kipperdev&referral=kipperdev&coupon=KIPPERDEV@IGNITE
CUPOM: KIPPERDEV@IGNITE
IT WAS DONE ... Excelência no projeto !👋 Estou a quase 2 anos na rocketseat , trabalho como fullStack júnior atualmente em um a empresa super cool ... Migrei de carreira aos 45 anos. A experiência nos trás maturidade ... Acredite em você! Invista em seu potêncial. ( Os dois vídeos são ótimos, explicações e pausas para esclarecimentos são dignos de uma teacher (high qualified.) Não acredite nas promessas de 6 meses , acredite em um plano de estudos sério com gente qualificada. Fiz muitos e muitos projetos com devs do brasil e de fora devido a fluência em inglês , más confesso que tirei dúvidas essenciais neste projeto com a Fê e ela não fica devendo nada aos amigos que fiz espalhados pelo planeta extremamente qualificados nas stacks utilizadas aqui. Essa garota vai longe ... Vale seguir tudo o que ela indica. E quanto a rocket??? Mandam bem demais ... se tá iniciando , não deixe de guanabarar kkkkkkkkkk pega essa!
Fê, estou prestes a começar em um cargo de Desenvolvimento Front-End em um projeto na Petrobras e essa aula foi uma interessante descoberta para minhas revisões em React. Parabéns por sua incrível aula e por fortalecer a presença feminina e nos mostrar que também podemos brilhar como desenvolvedoras. 💪🚀
excelente conteúdo!
trabalho com desenvolvimento web e mobile, mas tenho um bloqueio pessoal com web e assistir suas aulas tem me ajudado bastante a me arriscar um pouco mais nesse mundo! Obrigado e parabéns. Deus te abençoe continuamente.
Que vídeo satisfatório de ver, estou fazendo um curso de React e Next e ver esse vídeo e entender oq está sendo feito é mto legal!
Boa noite fernanda, muito obrigado pelo conteudo! queria comentar com você se é comum no dia a dia do desenvolvedor estilizar igual a você no video, em um componente styled components ter dentro dele elementos comuns html por exemplo, h2, span, div e p. E ai ir selecionando eles como filho la na estilização do componente styled components e ir estilizando as tags html comuns como h2, div e etc... essa é uma boa pratica??
Muito bom! Nunca tinha utilizado um sistema de cachê e parece ser muito uteis para evitar novas requisições, irei aprender e utilizar com mais frequência.
Obrigada Iarlen, fico feliz que gostou!! Simm, vale a pena estudar sobre, o cache ajuda a diminuir o número de requests a nossa API o que consequemente melhora nossa perfomance e reduz custos da API também caso conte por requests
Parabéns Fer , por toda dedicação nos projetos transmitidos, sou inscrito recente e fã, fazendo transição de carreira para área téc, e me motiva muito ver a sua logica de aplicação e didática. Espero me tornar um Dev de qualidade, assim como você ;D
Oi Fernanda, muito bom esses videos resolvendo desafios de testes de entrevistas, gostei bastante. Mas eu fiquei muito curioso com seu padrão de commits, poderia fazer um video falando a respeito? Parabens pelo trabalho!!!
Pesquisa sobre conventional commits
Oii Gustavo, muito obrigado 💜
É isso mesmo que o radiante comentou aqui, conventional commits. É bom padronizar a forma de commits pra facilitar várias coisas depois!
Obrigado por trazer um projeto como esse Fer, ficou muito bom 😍👏
Que bom que você gostouu, Luis 💜
Caraca que coincidência. Acabei de termina a parte 1 e já tem a parte 2, muito bom! 😅
hahaha que bom! Valeu Julio 😊
Você prefere criar um componente funcional ou classe ?
qual é o melhor para o react js ?
A melhor que temos atualmente!! haha
hahaha valeu Vagner!
Você parece uma Sênior já. Já se porta como uma.
O styled component como uma grande string única não seria terrível pra debugar?
Show demais. Fico feliz em ver desafios reais assim serem resolvidos. Mas confesso que fico com a sensação de um conhecimento quase inalcancavel para um dia ter condições de preencher vaga com tamanha exigência. Tô no começo da programação. 😓😳
Obrigada!! E não pense assim, esse desafio era super completo mesmo, e a medida que você for estudando e praticando mais, as coisas vão se tornando naturais pra você. Me levaram alguns anos de estudo pra saber o que sei hoje, somados com a experiência de trabalho. Então não desanime, você consegue!
@@kipperdev agora faz um vídeo resolvendo desafio para vaga de Júnior ou estagiário, assim ficaria mais fácil pra quem está começando
Olá Feh tudo bem ? adorei seu video, vou tentar fazer sozinho e usar seu video aonde eu tiver dificuldades... uma duvida, eu sou JR e comecei na primera empresa agora, deveria ser capaz de conseguir fazer isso já sozinho ?
Parabéns pelo projeto, fui desenvolvendo junto com você.
Aproveita e desenvolve o back-end em NodeJs desse sistema, já que o front já está feito. Ia ajudar bastante!
OII FERNANDA... Tecnólogo em REDES DE COMPUTADORES... é uma boa ?
Estava esperando por essa parte 2 , vlw! 🙃
qual é o melhor css o tailwindcss ou SASS ?
onde vc aprendeu tudo isso ? estou pensando em começar na alura ou na rocketseat.
Excelente conteúdo. Parabéns.
Muito obrigadaa, Fred💜
Seu conteúdo é bom dms
Valeuuu! 😊
Obrigado pelos vídeos! Fiz o deploy do frontend na vercel mas para isso tive que remover o window como dependência do useEffect. Está dando erro de window not defined. Mas sem ele quando redireciono para outra página por exemplo, aparecem componentes indesejaveis antes de terminar o loading. Pensei que o problema era pq eu não tinha uma página loading mas continuou dando esse problema. Sabe como resolver o erro do window?
deixa o link do repo, fica mais fácil pra galera dar uma força.
Nao tem um jeito de fazer o contador do carrinho atualizar sem precisar dar reload na pagina??
Conteúdo muito bom
Em relação às suas estruturas de páginas, são boas práticas atuais o styled components estar no mesmo arquivo do componente? ( pergunto pois sempre aprendi, estudei e atuei com a forma de pasta contendo dois arquivos, um index.tsx para o componente, e o styles.ts para o styled)
Oii Pedro, quando os componentes criados com Styled são bem pequenos e algo específico para esse componente React e não será utilizado em outro local, é normal deixar dentro do mesmo arquivo, porém, quando são componentes maiores ou que podem ser reutilizados é bom extrair para um arquivo próprio como você comentou! No vídeo acabei não fazendo essas refatorações por conta do tempo, se não fica um video ainda maior hehe 😊
Olá Fernanda, tudo bem??
Acho que agora seria muito legal, se você fizesse, um resolvendo desafio de vaga backend java com spring boot, seria muito bom!
Oii Briel!
Simm, já está no meu mapa de conteúdos fazer um vídeo resolvendo desafio de vaga Backend também! 😊
Oii Fer, se possível trás conteúdos de Vue também por favor, é algo que você trabalha/tem conhecimento ?
Oii Danillo, tudo bem?
Eu nunca trabalhei com Vue, as bibliotecas de Front que já trabalhei/trabalho são com React Js, Next js e Angular. Por isso ainda não trouxe conteúdo de Vue por aqui :)
Muito bons seus vídeos 👏
Obrigada Eliel!! 😊
Você recomenda ir para Typescript ou react depois de javascript?
React depois TypeScript. Mas no final, não vai fazer muita diferença. Não vai demorar mais de um ou dois meses par tu pegar a base do React. TypeScript, tu pega a base em no máximo duas semanas.
qual o teclado?
Muito bom!!
qual o nome do tema q vc utiliza no vscode?
Oii, eu uso o tema Emerald
ja sabemos quem vai ser contratada ....
Eu não estou participando do processo seletivo hahaha só peguei o desafio técnico que era open source para fazer o conteúdo aqui pro canal 😊
@@kipperdev hehe eu sei.. to brincando.... Bom demais teus vídeos...
@@aprezzi ah bom! ahahah valeu Alex 😊
Ae, saiu!
Faz para desafio para backend
Boa, valeu pela sugestão Higor! Vou trazer um vídeo resolvendo desafio de backend pro canal :)
Esse Desafio é de junior mesmo ?
Na descrição do desafio não especificava a senioridade da qual se tratava a vaga, mas na minha humilde opnião seria um desafio para Pleno, ou Júnior com alguns anos de experiência (quase Pleno hahah).
qual tema tu usa ?
Eu uso o Emerald Dark
que top
Valeu Lucas!! 😊
alguem me ajuda com esse erro
query {
Product(id: "4eb0a668-53ee-44d5-8f9e-cddaf2f8c7f9") {
name name
description
category
price_in_cents
}
}
{
"data": {
"Product": null
}
}
Agarrei na parte 52 min do video, nao carrega as imagens.
esta dando erro no ID, que não existe
faz a pesquisa da seguinte forma
query {
allProducts {
id
name
description
category
price_in_cents
}
}
vai aparecer o id de todos os produtos.
Obrigado eu mesmo. De nada
Meu Deus !O Front end trabalha melhor o JS em relação o PHP,o back end trabalha equivalente os dois.
Second!
essa vaga é pra pleno. Só tem vaga pra pleno no mercado.
first
Ótimo vídeo, curti muito acompanhar e fazer funcionar!
A maioria das coisas funcionaram pra mim, porém tem um bug que acontece quando a página é atualizada, ou quando o usuário vai pra outra página e volta pra Home, os styled-components param de funcionar para os items, e se caso entrar em um produto ou se fizer alguma atualização em algum componente manualmente ele volta a se comportar normalmente.
Alguém sabe ou já viu esse bug ? @kipperdev
Encontrou alguma solução para isso? Estou passando pela mesma coisa, quando a gente utiliza um framework com SSR tipo o nextjs, pelo que entendi o nosso componente já tem que vir pronto do servidor, inclusive o seu css. Infelizmente o styled components tem um runtime ainda no cliente, gerando esse bug aí =/ @kipperdev tem alguma sugestão?
@@igorfranklin1926 acredito que seja exatamente o que vc falou, eu tive que trocar e passar a utilizar tailwind para esse problema não ocorrer no meu projeto
second