Dynamic Imports - Novas funcionalidades do JavaScript no ES2020

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ม.ค. 2025

ความคิดเห็น • 79

  • @jandersonfcosta
    @jandersonfcosta 2 ปีที่แล้ว +1

    Ótimo vídeo!!

  • @victorwestmann
    @victorwestmann 3 ปีที่แล้ว

    Obrigado pelo conteúdo de qualidade!!!!

  • @gabrielrufino9041
    @gabrielrufino9041 4 ปีที่แล้ว

    Muito show!!

  • @juaooliveiralp
    @juaooliveiralp 4 ปีที่แล้ว +1

    Massa demais. To curtindo afu essa playlist.

  • @evertonf.costasouza3692
    @evertonf.costasouza3692 4 ปีที่แล้ว +1

    Ótimo conteúdo ,canais que falam do javascript gosto de vê , só uma observação aumenta a fonte Gui vê no celular não teve como absorver o conteúdo bastante .

  • @frutinhadati5462
    @frutinhadati5462 4 ปีที่แล้ว +1

    Ai gente esse Jaydson é muito style! 🤩

  • @Lzulian
    @Lzulian 4 ปีที่แล้ว

    Quem desenvolvia para ie7 se emociona a cada evolução do js hahahaha

  • @pikachumbo6367
    @pikachumbo6367 4 ปีที่แล้ว

    Vlw Jesus doidão!!

  • @LaurielMesquita
    @LaurielMesquita 4 ปีที่แล้ว +1

    Excelente exemplo de mostragem da feature 👏🏼👏🏼👏🏼👏🏼

  • @ademirgabardo6843
    @ademirgabardo6843 4 ปีที่แล้ว +1

    Excelente vídeo.

    • @jaydson
      @jaydson 4 ปีที่แล้ว

      Valeu Ademir!

  • @elvispalace
    @elvispalace 4 ปีที่แล้ว +1

    mt bom, apaixonado pelo canal

    • @BrazilJS
      @BrazilJS  4 ปีที่แล้ว

      ❤️❤️❤️

    • @jaydson
      @jaydson 4 ปีที่แล้ว

      Valeu Elvis!

  • @nailsonlandimprogramming
    @nailsonlandimprogramming 4 ปีที่แล้ว +1

    Obrigado pelo conteúdo!

  • @jhonatan_medeiros
    @jhonatan_medeiros 4 ปีที่แล้ว +1

    Muito bom o conteúdo !!

    • @BrazilJS
      @BrazilJS  4 ปีที่แล้ว +1

      Que bom que curtiu Jhon! 😊

    • @jaydson
      @jaydson 4 ปีที่แล้ว +1

      Valeu Jhonatan!

  • @antunes_fk
    @antunes_fk 4 ปีที่แล้ว

    Muito legal para a web carregar o código sob demanda

    • @jaydson
      @jaydson 4 ปีที่แล้ว

      Muito útil também né :)

  • @carlosreis9528
    @carlosreis9528 4 ปีที่แล้ว +1

    Sou engenheiro civil com experiência em Fortran mas iniciante em javascript e estou tentando colocar meus programas em html para Web. Suas Informações me permitem ver quão interessante é está linguagem e seu poder e seu grande conhecimento estão me ajudando a ver o mundo javascript. Gostei muito do Electron mas não uso bibliotecas estou fazendo ainda CSS na mão dentro de html, rss. Se vc puder fazer algum programa com electron para Windows sei que vou aprender muito. Parabéns pelo seu nível de conhecimento profundo no assunto. Grato e Forte abraço

  • @AlexandreC1977
    @AlexandreC1977 4 ปีที่แล้ว

    Muito boa esta vídeo-aula! Simples, direta e muito elucidativa. Parabéns!

  • @ykaruss
    @ykaruss 4 ปีที่แล้ว

    legal, agora teria q ter um desimport depois de executar o module ser limpado da memoria!

    • @antunes_fk
      @antunes_fk 4 ปีที่แล้ว

      🤔 acho que o dinamic import apenas ajuda em "cachear" os módulos externos.
      Ainda não li a spec, mas acho que um simples delete resolve kakaka (se usado com await)

    • @jaydson
      @jaydson 4 ปีที่แล้ว +1

      Oi Icaro, tu diz limpar da memória o que?
      Tem que pensar que o dynamic import funciona semelhante ao carregar um script, na camada de rede é basicamente isso.
      Já na camada do interpretador, daí sim tem bastante mudança, pq tem toda a spec de módulos e tal.
      Mas assim, normalmente não precisamos nos preocupar com limpar a memória, pq o JavaScript (engines interpretadoras) possuem um garbage collector automático.
      Então tipo, tu pode carregar um módulo dinamicamente e esse módulo pode não fazer nada, saca? Só vai fazer algo quando tu invocar alguma função de dentro dele ou executar alguma operação, aí sim de fato teremos algo onerando a memória. No mais, acho que vai sem medo que tudo vai funcionar bem de boas :)

    • @jaydson
      @jaydson 4 ปีที่แล้ว

      @@antunes_fk Opa, tu pode usar sim para cachear, mas o real benefício tá em justamente não precisar carregar nada e nem cachear nada.
      O fato de poder buscar módulos sob demanda facilita inclusive nisso. Tipo, tua app pode carregar o que é extremamente necessário para fazer funcionar o básico.
      Depois, de acordo com a necessidade, tu vai buscando dinamicante os pedaços de código.
      Bem o que fiz no exemplo ali onde coloco um botão que executa uma ação e importa um módulo. Se o usuário nunca clickar naquele botão, o módulo nem será carregado.

  • @kaio7620
    @kaio7620 4 ปีที่แล้ว

    top

  • @SebaRealino
    @SebaRealino 4 ปีที่แล้ว +1

    Show de bola! Valeu pelo vídeo!

    • @jaydson
      @jaydson 4 ปีที่แล้ว

      👍👍👍Valeu Sebastião!

  • @Jesus24horasTV
    @Jesus24horasTV 4 ปีที่แล้ว +2

    Que grande noticia.
    Obrigado por compartilhar

    • @jaydson
      @jaydson 4 ปีที่แล้ว +1

      👍

  • @RafaelMarquesOficial
    @RafaelMarquesOficial 3 ปีที่แล้ว +1

    Muito bom conteúdo. Parabéns e obrigado. Sugestão: Diminuir a altura da música e aumentar o zoom no editor

  • @Lzulian
    @Lzulian 4 ปีที่แล้ว +1

    Vou pesquisar se rola com reactc e vou colocar em produção hoje mesmo 😁

  • @stapait
    @stapait 4 ปีที่แล้ว

    Muito bom o vídeo, ja testei aqui e funcionou tudo. O que achei um pouco estranho é o fato de que, mesmo colocando type = "module", se criarmos o arquivo de módulo com extensão .js é necessário colocar a extensão também no import. Outra coisa, no Node 14 não aparece o warning que é experimental, apesar de que na documentação mostra que ainda é.

  • @paulospiguel
    @paulospiguel 4 ปีที่แล้ว +1

    Eu acho que aquela AI do ESTERMINADOR DO FUTURO foi feito em JavaScript. Pois o JavaScript está dominando o mundo. Cada dia mais me surpreendo com os recursos lançados e híbridos .

    • @jaydson
      @jaydson 4 ปีที่แล้ว

      Ahahaha com certeza Paulo! JavaScript já dominou o mundo e está cada vez melhor :)

  • @philippemuniz4203
    @philippemuniz4203 4 ปีที่แล้ว +5

    Excelente vídeo meu caro, seu conteúdo é claro e objetivo!
    Parabéns pelo trabalho cara!

    • @BrazilJS
      @BrazilJS  4 ปีที่แล้ว

      ❤️❤️❤️

    • @jaydson
      @jaydson 4 ปีที่แล้ว

      Valeu Philippe!

  • @Jesus24horasTV
    @Jesus24horasTV 4 ปีที่แล้ว

    É possível com Dynamic Import de modo FrontEnd importar um arquivo JSON?? Ou só pelo node??

    • @jaydson
      @jaydson 4 ปีที่แล้ว +2

      Eu explico bem isso no vídeo Hélio. Pode usar o dynamic import no navegador sim.
      Mas tu falou sobre um JSON, me explica melhor o que tu gostaria de fazer. Tipo, buscar um JSON já pode ser feito com um fetch normal.
      O caso do dynamic import é para módulos JavaScript, saca?

    • @Jesus24horasTV
      @Jesus24horasTV 4 ปีที่แล้ว

      @@jaydson eu vou testar isso. Mas esse dynamic parece que já enxuga um monte de gambiarra!!!

    • @jaydson
      @jaydson 4 ปีที่แล้ว +1

      @@Jesus24horasTV Ah sim, poder usar módulos sob demanda é crucial. Testa aí que tu vai ver como funciona certinho :)

    • @Jesus24horasTV
      @Jesus24horasTV 4 ปีที่แล้ว +1

      @@jaydson uma mão na roda!!! Obrigado Jaydson pelas dicas. Essa e o video dos cálculos e nros em JS ajudou muito mesmo. Não parem com esse trabalho.

  • @ulisses305
    @ulisses305 4 ปีที่แล้ว

    Para o javascript ser a linguagem mais popular precisaria ter mais estruturas de dados para o node possibilitando mais facilidade para fazer o back end da aplicação.

    • @jaydson
      @jaydson 4 ปีที่แล้ว +1

      A popularidade não está ligada às funcionalidades, Ulisses. O JavaScript é uma das linguages mais populares, há anos, por n motivos.
      Quais estruturas de dados no Node.js tu te refere? E como elas facilitariam a construção do backend?

  • @sandhilt
    @sandhilt 4 ปีที่แล้ว

    Essa ideia do dynamic import saiu de onde? A primeira vez que eu vi foi no webpack que importava aqueles chunks.

  • @henriqueS9653
    @henriqueS9653 4 ปีที่แล้ว +1

    bah que muito foda !

    • @jaydson
      @jaydson 4 ปีที่แล้ว

      Muito massa né? Tem mais coisas legais ainda, fica ligado que em breve tem mais vídeo :)

  • @mayconsilva2996
    @mayconsilva2996 4 ปีที่แล้ว

    Caramba. Usando o type="module" substitui a compilação via webpack? Não que seja melhor, só como uma forma viável tbm.

  • @igorsilva736
    @igorsilva736 4 ปีที่แล้ว

    qe server tá usando?

  • @lgustavosmc
    @lgustavosmc 4 ปีที่แล้ว

    Cara! Jurei que era o Ventania na capa do vídeo.

  • @lucasmdev
    @lucasmdev 4 ปีที่แล้ว +7

    Ver a evolução do Javascript

    • @BrazilJS
      @BrazilJS  4 ปีที่แล้ว +1

      JS é ❤️ né Lucas?

  • @pokefan2711
    @pokefan2711 4 ปีที่แล้ว +1

    Faz um vídeo usando o Vercel!

  • @varerick
    @varerick 4 ปีที่แล้ว +1

    Q Legal!!!

  • @odanilofreire
    @odanilofreire 4 ปีที่แล้ว +4

    Muito bom o vídeo! Só faltou um zoom aí no código (vscode) pra dar pra ver o vídeo no celular direitinho

    • @jaydson
      @jaydson 4 ปีที่แล้ว

      Boa, na próxima já resolvo isso :)

  • @oxechicao
    @oxechicao 4 ปีที่แล้ว

    A fonte ta tão pequena no código, talvez resolução do pc, que só em 720p da para ler alguma coisa, isso no celular ao menos. Com uma fonte maior, galera que não tem internet bacana pode ler em qualidade pior, como 480 ou 360.

  • @luizclr
    @luizclr 4 ปีที่แล้ว +21

    Ótimo conteúdo 👏🏼👏🏼👏🏼
    Só tava meio pequeno a fonte. P/ quem assiste pelo celular dificulta um pouco. Mas bom trabalho.

    • @BrazilJS
      @BrazilJS  4 ปีที่แล้ว +6

      Boa dica Luiz, na próxima vamos aumentar a fonte então :)

    • @oxechicao
      @oxechicao 4 ปีที่แล้ว +2

      Dificulta não, ta meio impossível :(

    • @jaydson
      @jaydson 4 ปีที่แล้ว +1

      @@oxechicao Pô Chicão, não exagera 😂😂😂
      Pra quem está em um pc vai de boa.
      Mas no próximo vou aumentar bem essa fonte aí, blza?

  • @lucasinacio3162
    @lucasinacio3162 4 ปีที่แล้ว +2

    Conteúdo responsa, massa demais mesmo :v

    • @jaydson
      @jaydson 4 ปีที่แล้ว +1

      Opa, valeuz Lucas!!!

  • @prorafaelornelas
    @prorafaelornelas 4 ปีที่แล้ว

    Ótimo, só diminui as pancadas no teclado kkk

  • @juniorb34
    @juniorb34 4 ปีที่แล้ว +1

    Se possível aumenta a fonte por favor!

    • @jaydson
      @jaydson 4 ปีที่แล้ว +1

      No próximo vou aumentar Joao. Valeu

  • @rogeriojlle
    @rogeriojlle 4 ปีที่แล้ว

    porque esses videos são sempre um fullHD de um monte de espaço inutil na tela? Custa diminuir a resolução ou aumentar a fonte? Todo video tem pessoas que sugerem isso mas sempre são ignorados

  • @niinoocode
    @niinoocode 4 ปีที่แล้ว

    Show

  • @DiegoGarcia-ex7rj
    @DiegoGarcia-ex7rj 4 ปีที่แล้ว +5

    Quando chegar no Optional Chaining a galera vai pirar. Melhor feature ever

    • @jaydson
      @jaydson 4 ปีที่แล้ว +2

      Boa, acho que vai ser o próximo

    • @renatogravinodev
      @renatogravinodev 4 ปีที่แล้ว +1

      saiu no 14

    • @sandhilt
      @sandhilt 4 ปีที่แล้ว +1

      Esse nullish coalescing também é ótimo.

  • @thalles-dev
    @thalles-dev 4 ปีที่แล้ว

    Vist0 29/04/2020

  • @michelbernardo6883
    @michelbernardo6883 4 ปีที่แล้ว

    Java é pesado e PHP vai morrer!

    • @Matheus.23723
      @Matheus.23723 4 ปีที่แล้ว

      Tu para programador não serve com essa mentalidade

    • @FelipeNascimentodeMoura
      @FelipeNascimentodeMoura 4 ปีที่แล้ว

      tu sabe que Java e JavaScript não são (nem de longe) a mesma coisa, né?!