Resolvendo DESAFIO de VAGA FRONTEND com React, Next JS, Typescript - parte 2

Поделиться
HTML-код
  • Опубликовано: 5 ноя 2024

Комментарии • 78

  • @kipperdev
    @kipperdev  Год назад +2

    👉 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

  • @zoltancaputo9562
    @zoltancaputo9562 Год назад +23

    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!

  • @jessicasoaresdev
    @jessicasoaresdev Год назад +4

    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. 💪🚀

  • @fernandorodrigues6967
    @fernandorodrigues6967 Год назад

    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.

  • @semicolon22
    @semicolon22 Год назад +1

    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!

  • @BADBOY-zy7bk
    @BADBOY-zy7bk Год назад +2

    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??

  • @iarlensantos3588
    @iarlensantos3588 Год назад +1

    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.

    • @kipperdev
      @kipperdev  Год назад +3

      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

  • @GuiiiSantos
    @GuiiiSantos Год назад +1

    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

  • @gustavolarsen
    @gustavolarsen Год назад +8

    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!!!

    • @radianteytb
      @radianteytb Год назад +1

      Pesquisa sobre conventional commits

    • @kipperdev
      @kipperdev  5 месяцев назад +1

      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!

  • @luisfcodes
    @luisfcodes Год назад

    Obrigado por trazer um projeto como esse Fer, ficou muito bom 😍👏

    • @kipperdev
      @kipperdev  Год назад +1

      Que bom que você gostouu, Luis 💜

  • @Juli0cesar_140p
    @Juli0cesar_140p Год назад +2

    Caraca que coincidência. Acabei de termina a parte 1 e já tem a parte 2, muito bom! 😅

    • @kipperdev
      @kipperdev  Год назад +1

      hahaha que bom! Valeu Julio 😊

  • @denneraladim6190
    @denneraladim6190 11 месяцев назад

    Você prefere criar um componente funcional ou classe ?
    qual é o melhor para o react js ?

  • @vagner9090
    @vagner9090 Год назад +1

    A melhor que temos atualmente!! haha

  • @robertoesportes3987
    @robertoesportes3987 Год назад

    Você parece uma Sênior já. Já se porta como uma.

  • @fillipeamg5877
    @fillipeamg5877 Год назад

    O styled component como uma grande string única não seria terrível pra debugar?

  • @jovemprates949
    @jovemprates949 Год назад +2

    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. 😓😳

    • @kipperdev
      @kipperdev  Год назад +3

      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!

    • @felipevieira5233
      @felipevieira5233 Год назад

      ​@@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

  • @brunoosanttana4627
    @brunoosanttana4627 Год назад

    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 ?

  • @adrianoalves9073
    @adrianoalves9073 Год назад

    Parabéns pelo projeto, fui desenvolvendo junto com você.

  • @jjmaciel44
    @jjmaciel44 Год назад

    Aproveita e desenvolve o back-end em NodeJs desse sistema, já que o front já está feito. Ia ajudar bastante!

  • @PauloCampos-e2j
    @PauloCampos-e2j Год назад

    OII FERNANDA... Tecnólogo em REDES DE COMPUTADORES... é uma boa ?

  • @hitalorodrigues2760
    @hitalorodrigues2760 Год назад

    Estava esperando por essa parte 2 , vlw! 🙃

  • @denneraladim6190
    @denneraladim6190 Год назад

    qual é o melhor css o tailwindcss ou SASS ?

  • @silent-root
    @silent-root Год назад

    onde vc aprendeu tudo isso ? estou pensando em começar na alura ou na rocketseat.

  • @FredBCavalheiro
    @FredBCavalheiro Год назад

    Excelente conteúdo. Parabéns.

    • @kipperdev
      @kipperdev  Год назад

      Muito obrigadaa, Fred💜

  • @shablauzin2052
    @shablauzin2052 Год назад

    Seu conteúdo é bom dms

  • @LucalGamer
    @LucalGamer Год назад

    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?

    • @alexpereira3161
      @alexpereira3161 Год назад

      deixa o link do repo, fica mais fácil pra galera dar uma força.

  • @juliochan10
    @juliochan10 Год назад

    Nao tem um jeito de fazer o contador do carrinho atualizar sem precisar dar reload na pagina??

  • @pedrogomes7124
    @pedrogomes7124 Год назад

    Conteúdo muito bom

  • @PedroHenrique-mu5vb
    @PedroHenrique-mu5vb Год назад

    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)

    • @kipperdev
      @kipperdev  Год назад +1

      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 😊

  • @brielsene
    @brielsene Год назад

    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!

    • @kipperdev
      @kipperdev  Год назад

      Oii Briel!
      Simm, já está no meu mapa de conteúdos fazer um vídeo resolvendo desafio de vaga Backend também! 😊

  • @danillohss12
    @danillohss12 Год назад

    Oii Fer, se possível trás conteúdos de Vue também por favor, é algo que você trabalha/tem conhecimento ?

    • @kipperdev
      @kipperdev  Год назад

      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 :)

  • @elieloliveira.dev...
    @elieloliveira.dev... Год назад

    Muito bons seus vídeos 👏

  • @blaublau3538
    @blaublau3538 Год назад

    Você recomenda ir para Typescript ou react depois de javascript?

    • @danielflorencio9661
      @danielflorencio9661 Год назад

      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.

  • @icaroqw9
    @icaroqw9 Год назад

    qual o teclado?

  • @AlexandreSilva-qw4pd
    @AlexandreSilva-qw4pd Год назад

    Muito bom!!

  • @hertz3232
    @hertz3232 Год назад +1

    qual o nome do tema q vc utiliza no vscode?

    • @kipperdev
      @kipperdev  Год назад +1

      Oii, eu uso o tema Emerald

  • @aprezzi
    @aprezzi Год назад +1

    ja sabemos quem vai ser contratada ....

    • @kipperdev
      @kipperdev  Год назад

      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 😊

    • @aprezzi
      @aprezzi Год назад

      @@kipperdev hehe eu sei.. to brincando.... Bom demais teus vídeos...

    • @kipperdev
      @kipperdev  Год назад +1

      @@aprezzi ah bom! ahahah valeu Alex 😊

  • @porfiriodev
    @porfiriodev Год назад

    Ae, saiu!

  • @higor_cos
    @higor_cos Год назад

    Faz para desafio para backend

    • @kipperdev
      @kipperdev  Год назад

      Boa, valeu pela sugestão Higor! Vou trazer um vídeo resolvendo desafio de backend pro canal :)

  • @keomarenato6845
    @keomarenato6845 Год назад

    Esse Desafio é de junior mesmo ?

    • @kipperdev
      @kipperdev  Год назад +1

      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).

  • @kaiquemorais3184
    @kaiquemorais3184 Год назад

    qual tema tu usa ?

  • @LucasRS_
    @LucasRS_ Год назад

    que top

  • @renniferteixeira6454
    @renniferteixeira6454 22 дня назад

    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.

    • @renniferteixeira6454
      @renniferteixeira6454 22 дня назад

      esta dando erro no ID, que não existe

    • @renniferteixeira6454
      @renniferteixeira6454 21 день назад

      faz a pesquisa da seguinte forma
      query {
      allProducts {
      id
      name
      description
      category
      price_in_cents
      }
      }
      vai aparecer o id de todos os produtos.

    • @renniferteixeira6454
      @renniferteixeira6454 21 день назад

      Obrigado eu mesmo. De nada

  • @michaelluciano6945
    @michaelluciano6945 Год назад

    Meu Deus !O Front end trabalha melhor o JS em relação o PHP,o back end trabalha equivalente os dois.

  • @gambiatec3318
    @gambiatec3318 Год назад

    Second!

  • @JulioCesarAlvesMoreira
    @JulioCesarAlvesMoreira Год назад

    essa vaga é pra pleno. Só tem vaga pra pleno no mercado.

  • @lcnrodolfo
    @lcnrodolfo Год назад

    first

  • @davidlucas4092
    @davidlucas4092 Год назад +1

    Ó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

    • @igorfranklin1926
      @igorfranklin1926 7 месяцев назад +1

      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?

    • @art8419
      @art8419 4 месяца назад

      @@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

  • @aloissailer
    @aloissailer Год назад

    second