Como criar um MODAL com REACT

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

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

  • @alexnascimento8435
    @alexnascimento8435 2 года назад +5

    Nem assisti o vídeo ainda e não sou iniciante também, mas já deixo o like pela sua iniciativa... queria que tivessem mais pessoas como você na minha época. Parabéns!

    • @FrontBeginners
      @FrontBeginners  2 года назад

      Boa Alex, tamo junto meu bom 🫶🏻🚀

  • @ItaloVolt
    @ItaloVolt 2 года назад +5

    Ainda não parti pro react, tô estudando bastante JS Vanilla, mas fico contente em entender (exceto coisas específicas do React) quase todo o código que tá sendo passado nessa jornada!
    Mais um vídeo excelente! ✌🏽

  • @niltonrocha5171
    @niltonrocha5171 Месяц назад

    estou no 5 de 100 e gostando muito vou maratonar

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

    Parabéns Jorge, e obrigado pelo conteúdo 6/100 em busca da minha sonhada vaga! Até a aula 100 com toda dedicação, vou alcançar!

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

    ahhh adorando essas aulas 06/100 #vamossssss

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

    Muito boa didática, e excelente explicação. Merece muito reconhecimento

  • @cssgabriel
    @cssgabriel 2 года назад +1

    Acompanhando a saga!! boraa 🚀

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

    Muito prática e fácil a abordagem! Ótimo que no final você passou exemplo de reutilização do componente.... Muito bom!

  • @cahdemarchi5258
    @cahdemarchi5258 2 года назад +1

    Gostei bastante de aprender a fazer um Modal, inclusive te marquei lá no Linkedin para ver como o meu ficou.
    Obrigada pela aula, a gente aprende de uma forma leve e super prática.
    5/100 ✔️

  • @DanielaDantas-or6oo
    @DanielaDantas-or6oo Год назад

    Obrigada! Conteúdo muito útil, que não aprendi no meu curso pago!

  • @kokejao
    @kokejao 2 года назад +1

    tava ansioso desde ontem p nova aula kkkkk, mto obrigado irmao!!!

    • @FrontBeginners
      @FrontBeginners  2 года назад

      hahaha, vlw Koke ... vamos juntos 🫶🏻🚀

  • @diarioemvideo-fateccursods5816
    @diarioemvideo-fateccursods5816 2 года назад

    Shooow... Amo suas aulas! Estou na Jornada.

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

    Conteúdo show de bola! To aprendendo mais por aqui do que nos cursos que comprei. kkk

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

    Amigo, esse vídeo me ajudou bastante.. muito obrigado!

  • @JulioSouzza-1
    @JulioSouzza-1 Год назад +1

    excelente video estou aprendendo muito com voçê , obrigado pelo otimo conteudo

  • @ruinedsyn
    @ruinedsyn 2 года назад +1

    Que aula, mais uma concluída 5/100.

  • @LeonardoHenrique-wg8ef
    @LeonardoHenrique-wg8ef 6 месяцев назад

    Obrigado Julio Balestrin pela aula!

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

    Julio Balestrin ajudou d+++
    Vlw

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

    dahora seu jeito de explicar deixa muito mais claro algumas paradas que aprendi em outros cursos mas que ainda ficava com duvidas

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

      Quem bom André fico feliz em ajudar e tento sempre simplificar ao máximo.

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

    Conteudo incrivel.

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

    fera demais

  • @wallacesilva6087
    @wallacesilva6087 2 года назад +1

    Excelente Jorge!

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

    Brabo, obrigado, jovem!!

  • @MateusSantos-do4it
    @MateusSantos-do4it 2 года назад

    Muito bom para fazer Menu Mobile!! Show demais

  • @tainasantana4562
    @tainasantana4562 6 месяцев назад +1

    Muito didático!

  • @lucasfreitas3514
    @lucasfreitas3514 2 года назад +1

    Parabéns pelo conteúdo

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

    Adoreiiiii!!!😍🌟

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

    obg aula excelente ate passando como a classe pai pode se comunicar com a classe filha muito massa

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

      Boaaa, vlw meu querido, lembrando q aqui trabalhamos com função é não classe 💪🏼

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

    Obrigado, me ajudou muito

  • @NiellyASMR
    @NiellyASMR 2 года назад +2

    Bom dia, qual é essa extensão que mostra os valores quando você executa o console log? Semelhante ao Quokka.

  • @brunodantas7882
    @brunodantas7882 2 года назад +1

    Up!

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

    Muito bom o vídeo

  • @MarcosOliveira-pn8xm
    @MarcosOliveira-pn8xm 2 года назад

    Dia 5, presente! Obrigado, mestre.

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

    05/100 - Muito bom!

  • @gustavodntts
    @gustavodntts 2 года назад

    5/100
    A jornada está insana!

  • @leonardocampos1236
    @leonardocampos1236 2 года назад

    Top de mais cara

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

    Show, eu precisava clicar em um dia na agenda e abrir esse modal, to tentando fazer algumas dicas???

  • @movecargashow
    @movecargashow 2 года назад +1

    Excelente aula....faltou apenas ensinar como fechar o modal quando o usuário clicar fora do modal....

    • @FrontBeginners
      @FrontBeginners  2 года назад +1

      Boaaa, vamos fazer isso mais pra frente então 🙏🏻

  • @marcussena4756
    @marcussena4756 2 года назад +1

    não é um homem, é uma máquina !!!

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

    você é foda mano 🔥🔥🔥

  • @rodrigobonfim9011
    @rodrigobonfim9011 2 года назад +1

    5/100. Show!

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

    Muito boa a aula, para complementar, aqueles modais que tem animacoes? Por exemplo de opacidade de 1 para 0 com transição, é difícil de aplicar junto com essa pratica do video?

  • @vagnersantos6819
    @vagnersantos6819 2 года назад +1

    show! #dia5 🚀🚀

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

    Faz um vídeo em react em que a section ou div aparece ao scrooll do mouse

  • @geekcodetv9326
    @geekcodetv9326 2 года назад

    Excelente aula, uma opção seria criar um projeto iniciante em react, por exemplo uma calculadora de IMC

    • @FrontBeginners
      @FrontBeginners  2 года назад +2

      Fala meu querido, vamos construir projetos mais para frente, vamos entender vários conceitos antes, e criar pequenos componentes para depois juntar tudo!!! 🫶🏻 🚀

  • @evelynfernandamoreira4342
    @evelynfernandamoreira4342 2 года назад +1

    ideia de video para esses 100 dias: Carrossel com React e carrinho de compras

    • @FrontBeginners
      @FrontBeginners  2 года назад

      Vai ter, o carrinho vamos falar só depois de aprender useContext =D

  • @johnsouzq1289
    @johnsouzq1289 2 года назад +1

    🎈

  • @ivanrabelo1558
    @ivanrabelo1558 2 года назад +1

    6 Dia. To aqui!

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

    Parabéns pelo vídeo! Achei muito completo!!!
    Uma dúvida em relação ao estilo css, não compensava mais utilizar o display flex para centralizar o modal no background?

  • @ricardocedraz2250
    @ricardocedraz2250 2 года назад +2

    5/100✅
    Não sei se no cronograma tem alguma coisa do tipo, caso não tenha, seria interessante um projeto completo.

    • @FrontBeginners
      @FrontBeginners  2 года назад +2

      Vamos ter mais para o final Ricardo. 👊🏼

  • @iamjvfs
    @iamjvfs 2 года назад +1

    BORAAA, mais um dia ❤

    • @FrontBeginners
      @FrontBeginners  2 года назад

      Boa João, hoje já é para os fortes, começamos a separar quem realmente quer rsrs

  • @lucasv.bastos
    @lucasv.bastos 2 года назад

    🚀

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

    Veja, no caso com modal você quer dizer um component ou um popup?

  • @score_
    @score_ 2 года назад +1

    No caso de, por exemplo, uma grade de itens numerados de 1 a 10, que mudam apenas o conteúdo do modal ao serem clicados, não tem como fazer algo mais dinâmico? ao invés de criar vários modais com diferentes useStates e tal?

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

      tbm estou com essa duvida

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

      Não entendi muito bem oq vc quer fazer mas seria tipo um passo a passo ?

  • @pereti8639
    @pereti8639 2 года назад +1

    5/100 🔥🔥🔥

  • @lucascarneiro1066
    @lucascarneiro1066 9 месяцев назад

    👏🤝✌

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

    Como eu poderia fazer se estivesse utilizando TypeScript no projeto?

  • @zolkmusic
    @zolkmusic 2 года назад +1

    5/100 🍷🗿🚀🔥

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

    Oieee, alguém me ajuda, segui o tutorial porem no meu ele abre e fecha automático o modal nao espera eu clicar em fechar

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

    5/100 🚀

  • @felipeleopoldino5185
    @felipeleopoldino5185 2 года назад

    5/100 🚀🚀

    • @FrontBeginners
      @FrontBeginners  2 года назад +1

      🫶🏻🚀 Bora que faltam só 95 rsrs

    • @felipeleopoldino5185
      @felipeleopoldino5185 2 года назад +1

      @@FrontBeginners a 1 ano eu aprendi a amar o processo sem pensar tanto na recompensa .

    • @FrontBeginners
      @FrontBeginners  2 года назад +1

      @@felipeleopoldino5185 esse é o melhor caminho... para vencer uma meta no ano, vc precisa vencer ela no mês, para vencer ela no mês vc precisa vencer na semana, para vencer na semana, vc precisa vencer no dia... e assim vai.

  • @geligegamer
    @geligegamer 2 года назад +1

    5/100 ✅

  • @feliperibon8127
    @feliperibon8127 2 года назад +1

    alt + tab esta muito rapido

    • @FrontBeginners
      @FrontBeginners  2 года назад +1

      Boa Felipe, qualquer coisa reduz a velocidade Felipe, é que aqui no meu não bem um alt + tab.. eu troco de área de trabalho, mas vou tomar mais cuidado nos próximos.

  • @xinglingoriginal5428
    @xinglingoriginal5428 10 месяцев назад

    "Quando clica em alguma coisa, abre uma coisa na sua tela"

  • @eloysalva1324
    @eloysalva1324 2 года назад +1

    5/100

    • @FrontBeginners
      @FrontBeginners  2 года назад

      Ta em todas 🚀🚀 Bora pra cima.

    • @eloysalva1324
      @eloysalva1324 2 года назад +1

      @@FrontBeginners Isso aqui ta bom demais!
      Não sei se vai ter, mas espero que tu traga uns testes unitários, tua didática é muito palpável!

    • @FrontBeginners
      @FrontBeginners  2 года назад

      @@eloysalva1324 sim vamos ter hahaha.. vamos avançando tentando cobrir um pouquinho de cada coisa e evoluindo para próximo do fim trabalharmos em um mini projeto próximo do real.

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

    mas esse cara ai vai re-renderizar o componente pai sempre que abrir e fechar. Como resolve isso?

    • @reuelsiIva
      @reuelsiIva 3 месяца назад

      Achou uma solução?

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

  • @tiano-souza
    @tiano-souza Год назад

    🪂

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

    6/100