Eu estou muito profundo nas guerras do bundler há muito

O problema que o material coloca

O material abre a restrição assim: Eu estou muito profundo nas guerras do bundler há muito tempo. Para instalações semanais há um monte de razões para isso acontecer há um monte de detalhes que esse tipo de cheque de trend do npm não realmente te dá que são importantes para saber e entender eu sei que todos estamos meio cansados de falar sobre bundlers eu entendo que eu vi como os vídeos do turbo pack se apresentam acredite em mim eu sei mas ao mesmo tempo vit é uma tecnologia realmente importante e a empresa. Eles realmente colocaram uma balança mágica entre experiência de desenvolvedores, uma solução muito rápida para seus usuários e algo tão seguro que você não precisa se preocupar mais.

E você não acha que você precisa de ArcJet, eu vou te perguntar rapidamente, quão difícil seria para eu espalhar seu ponto de finalização de geração com um monte de pedidos e dar-lhe um bilhete insano? Aqui nós temos Shield, que protege de ataques comuns, e então nós temos Detect Bot, que vai configurar a detecção de bot para manter os bots de ir para o seu site. Agora que está definido, chamamos aj.protect, temos nossa decisão, ele tem um is denied, is rate limited, is bot, todas essas outras coisas, e então você retorna a coisa no final, quando está pronto para ir.

São exemplos de como usar sua tecnologia para várias coisas diferentes, como lidar com banheiros de coque, localização de IPG, detecção de VPN e proxy, mas um dos meus favoritos é o controle de quota de AI. E é livre para começar por mais de 500 mil solicitações por mês. A razão pela qual o Webpack foi construído é meio que óbvio em retrospectiva, porque nós estávamos construindo apps mais e mais complexas que estavam tirando JavaScript de mais e mais lugares diferentes, nós precisávamos de uma maneira de colocar tudo isso em um só js file que nós pudéssemos enviar aos nossos usuários.

Para `node-entao-javascript-facil-estou-profundo`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Como o fluxo aparece na prática

No miolo do episódio, o mecanismo fica explícito: Sim, Browserify é o que eu estava pensando. A razão pela qual isso foi necessário foi principalmente os seis conexões por limite de origem que a maioria dos browsers e os padrões de HTTP tinham, o que fez com que fosse muito difícil pegar muitas diferentes filas de um lugar em vez de outro, então você tinha muitas razões para carregar toda a JavaScript de uma vez como um único bundle. Antes, esses bundlers eram principalmente para concatenação, onde eles só tomavam todas as filas e as apendiam para um outro para fazer um file JS, mas Browserify foi a primeira rethinking onde era um bundler em vez de apenas um concatenador.

Aparentemente, o uso original de Browserify era para usar o código do Node e deixar você usar no browser, transformando a sintaxe requerida, flaconeando tudo isso para que você pudesse ter um código que o browser fosse capaz de usar. O JavaScript que usávamos era o JavaScript que escrevemos e nós ocasionadamente tínhamos uma ou duas bibliotecas que foram importadas na página do HTML com um tag de escrita como jQuery. Um tag de um script na sua HTML que iria pegar jQuery de um lugar enquanto você estava pegando seu JavaScript de outro lugar e então o executando, esperando que jQuery existisse na página e se não entrar, nada funcionaria.

E o NPM era a solução para o Node não ter HTML. Em 2014, NPM já cresceu a mais de 50 mil módulos. Antes do Browserify, os módulos foram escritos com a expectativa de que eles fossem apenas usados no server e tivessem acesso a todas as coisas estranhas do Node que você faria no Node, como next, tick ou setImmediate.

Para `node-entao-javascript-facil-estou-profundo`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Decisões e trade-offs do episódio

As decisões práticas que aparecem no áudio: Para o Browserify funcionar, ele tinha que lidar com a compatibilidade aqui. Enquanto o Browserify estava pegando Steam e mais módulos para o browser já estavam aparecendo no NPM, o Webpack se tornou popular em 2015, conduzido pela popularidade de React e o endomarketing de Pete Hunt. E isso é antes que o Vite existisse, por exemplo, bem antes.

Webpack estava tentando ir muito mais além do que o Browserify estava fazendo. Fazendo com que seja mais fácil tirar quaisquer arquivos que o seu projeto tenha, seja PNG, css, css files, scrypt café ou qualquer outra coisa que você estivesse fazendo e fazer fácil de expor assuntos estáticos que suas redes sociais poderiam servir de forma relativa e razoável, até coisas como requerer um css file ou ver svg equals um url svg como coisas loucas que ninguém tinha pensado antes essa ideia de que. A segunda parte aqui foi o sistema de módulos do JSBase para ativos que permitia o reload do hud, que era uma nova ideia na época, onde você ia salvar um arquivo no seu editor e ele só iria atualizar as partes que você mudou e sua UI mudaria de acordo com um script ligado ao DOM para apenas refazer a parte quando os novos dados entraram.

Meio que fundamentalmente mudou como fazemos desenvolvimento web, não consigo imaginar um mundo sem hmr, é uma grande parte do porquê eu não faço dev de jogo porque você não recebe benefícios como esse E o primitivo-chave que desbloqueou tudo isso era a ideia de loaders. Lembre-se que nos primeiros dias do React não era fácil adicionar uma biblioteca de UI diferente, especialmente uma que requeria que você escrevesse seu código de forma diferente. Porque antes do app Create React, você teria que configurar o Webpack você mesmo, configurar os loaders você mesmo, descobrir se ou como você quer lidar com o JSX, pegar o React e fazer tudo isso.

Para `node-entao-javascript-facil-estou-profundo`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Armadilhas que o transcript revela

Onde o fluxo costuma quebrar, segundo a fonte: Mais e mais pessoas estavam olhando para essas configurações Webpack e ficavam assustadas, porque elas são assustadoras, elas são muito assustadoras. E agora é hora de um fun, lore drop. Eu não tinha continuado com o mundo moderno do web.

Porque era o time de conteúdo premium, nós estávamos correndo o código para os marathons como Bob Ross Power Rangers tudo isso e Elixir era realmente bom para fazer ffm e fazer coisas estranhas o time do VOD trabalhou e eu não gosto muito de ir eu não sabia o quanto eu gostaria ou não gostaria disso, mas esse é quando eu comecei a entrar no fundo e eu não podia fazer isso eu o odeiai, então uma coisa interessante. Eu sou um grande nerd de programação funcional, acho que é bem aparente. Deixa eu terminar essa tangência, eu vou ser rápido.

Desbloquear eles de receberem suas mudanças para o novo site do React. Quando eu digo ferramentas de segurança interna, estou referindo ao dashboard que as coisas vão para quando você reporta algo no Twitch, onde um humano vai revisar e decidir se a pessoa que você reportou deve ser banida ou atuada ou não. Antes, essas ferramentas foram construídas por um contrator que veio e construiu um serviço quase funcional em Rails e nos deixou manter.

Para `node-entao-javascript-facil-estou-profundo`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Como levar isso para o seu contexto

Traduzindo o trecho para um time que não viu o vídeo: Eu apenas comecei a escrever reacção e de repente estou agora operando uma plataforma de ferramentas internas, construindo uma app web bem complexa. Vocês não têm ideia de quão felizes vocês são com ferramentas como Next.js e Vite hoje em dia. Sendo profundamente na favela do Webpack ou qualquer coisa, mas o fato de que o WebDev foi de só colocar HTML e CSS em todos os lugares e usar jQuery e pregar para um problema de sistemas não tradicionais, mas um problema de arquitetura, no mínimo, como descobrir como todas essas peças se unem e orquestrar tudo isso, fez o desenvolvimento web sentir-se muito mais engenheiro para mim.

E trabalhar com coisas como essa me fez tomar o front-end moderno muito mais seriamente e ver um caminho para ser um engenheiro experiente apenas fazendo essas coisas. Em uma coisa que, principalmente, saiu em um estado razoável. Então eu queria algo que não envolvesse toda essa configuração.

Snowpack foi construído por alguém que você quase certamente conhece. A grande coisa que a React introduziu, graças a Dan Abramov, não levando a vida por um pouco, agora é a expectativa. E desde que foi 2020, e como você viu, o hype estava em 2020, é com isso que eu fui.

Para `node-entao-javascript-facil-estou-profundo`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Sinais de que a aplicação funcionou

Para fechar o ciclo com evidência do próprio material: Mas, mais importante, como vemos aqui com alguns desses antigos tweets que eu encontrei, no meio do ano de 2020, Evan Yu, que estava trabalhando em Vite, que era pensado para ser o bundler para Vue, começou a descobrir que outras frameworks poderiam beneficiar dele também. Em particular, Tachi, que eu não percebi que estava me seguindo. Enquanto isso, aqui está Fred e Evan em uma cápsula de tempo de 2020, onde ele estava assustado por tentar descobrir o rápido refresh para React, porque eles ainda não tinham isso na época.

Eu estou muito profundo nas guerras do bundler há muito tempo. Para instalações semanais há um monte de razões para isso acontecer há um monte de detalhes que esse tipo de cheque de trend do npm não realmente te dá que são importantes para saber e entender eu sei que todos estamos meio cansados de falar sobre bundlers eu entendo que eu vi como os vídeos do turbo pack se apresentam acredite em mim eu sei mas ao mesmo tempo vit é uma tecnologia realmente importante e a empresa. Eles realmente colocaram uma balança mágica entre experiência de desenvolvedores, uma solução muito rápida para seus usuários e algo tão seguro que você não precisa se preocupar mais.

E você não acha que você precisa de ArcJet, eu vou te perguntar rapidamente, quão difícil seria para eu espalhar seu ponto de finalização de geração com um monte de pedidos e dar-lhe um bilhete insano? Aqui nós temos Shield, que protege de ataques comuns, e então nós temos Detect Bot, que vai configurar a detecção de bot para manter os bots de ir para o seu site. Agora que está definido, chamamos aj.protect, temos nossa decisão, ele tem um is denied, is rate limited, is bot, todas essas outras coisas, e então você retorna a coisa no final, quando está pronto para ir.

Para `node-entao-javascript-facil-estou-profundo`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Recortes adicionais da fonte

Estes trechos reforçam o raciocínio sem resumir genérico:

Eu estou muito profundo nas guerras do bundler há muito tempo. Para instalações semanais há um monte de razões para isso acontecer há um monte de detalhes que esse tipo de cheque de trend do npm não realmente te dá que são importantes para saber e entender eu sei que todos estamos meio cansados de falar sobre bundlers eu entendo que eu vi como os vídeos do turbo pack se apresentam acredite em mim eu sei mas ao mesmo tempo vit é uma tecnologia realmente importante e a empresa. Eles realmente colocaram uma balança mágica entre experiência de desenvolvedores, uma solução muito rápida para seus usuários e algo tão seguro que você não precisa se preocupar mais.

E você não acha que você precisa de ArcJet, eu vou te perguntar rapidamente, quão difícil seria para eu espalhar seu ponto de finalização de geração com um monte de pedidos e dar-lhe um bilhete insano? Aqui nós temos Shield, que protege de ataques comuns, e então nós temos Detect Bot, que vai configurar a detecção de bot para manter os bots de ir para o seu site. Agora que está definido, chamamos aj.protect, temos nossa decisão, ele tem um is denied, is rate limited, is bot, todas essas outras coisas, e então você retorna a coisa no final, quando está pronto para ir.

São exemplos de como usar sua tecnologia para várias coisas diferentes, como lidar com banheiros de coque, localização de IPG, detecção de VPN e proxy, mas um dos meus favoritos é o controle de quota de AI. E é livre para começar por mais de 500 mil solicitações por mês. A razão pela qual o Webpack foi construído é meio que óbvio em retrospectiva, porque nós estávamos construindo apps mais e mais complexas que estavam tirando JavaScript de mais e mais lugares diferentes, nós precisávamos de uma maneira de colocar tudo isso em um só js file que nós pudéssemos enviar aos nossos usuários.

Sim, Browserify é o que eu estava pensando. A razão pela qual isso foi necessário foi principalmente os seis conexões por limite de origem que a maioria dos browsers e os padrões de HTTP tinham, o que fez com que fosse muito difícil pegar muitas diferentes filas de um lugar em vez de outro, então você tinha muitas razões para carregar toda a JavaScript de uma vez como um único bundle. Antes, esses bundlers eram principalmente para concatenação, onde eles só tomavam todas as filas e as apendiam para um outro para fazer um file JS, mas Browserify foi a primeira rethinking onde era um bundler em vez de apenas um concatenador.

Aparentemente, o uso original de Browserify era para usar o código do Node e deixar você usar no browser, transformando a sintaxe requerida, flaconeando tudo isso para que você pudesse ter um código que o browser fosse capaz de usar. O JavaScript que usávamos era o JavaScript que escrevemos e nós ocasionadamente tínhamos uma ou duas bibliotecas que foram importadas na página do HTML com um tag de escrita como jQuery. Um tag de um script na sua HTML que iria pegar jQuery de um lugar enquanto você estava pegando seu JavaScript de outro lugar e então o executando, esperando que jQuery existisse na página e se não entrar, nada funcionaria.

E o NPM era a solução para o Node não ter HTML. Em 2014, NPM já cresceu a mais de 50 mil módulos. Antes do Browserify, os módulos foram escritos com a expectativa de que eles fossem apenas usados no server e tivessem acesso a todas as coisas estranhas do Node que você faria no Node, como next, tick ou setImmediate.

Internalize com links reais do ecossistema CrazyStack: /blog, /curso-cursor-avancado-configuracoes-pro, /curso-claude-code-9-dicas-profissionais, /programa-crazystack e /checklist-independencia-cursor.