jQuery v4.0 beta

Lançamento do beta do jQuery 4.0.0!

• A versão beta do jQuery 4.0.0 foi lançada. Após um longo período de desenvolvimento, ela inclui correções de bugs, melhorias de desempenho e algumas mudanças importantes.
• Entre as novidades estão o fim do suporte a versões anteriores ao IE 11, limpeza de código legado, remoção de APIs não utilizadas e a descontinuação do suporte a comportamentos "mágicos" complexos.
• Antes do lançamento final, será publicado um guia de atualização, e o plugin jQuery Migrate ajudará no processo de migração.

Fim do suporte ao IE<11

• O jQuery 4.0 deixa de oferecer suporte ao IE 10 e versões anteriores. O fim do suporte ao IE 11 está previsto para acontecer de forma gradual no jQuery 5.0.
• Também deixa de oferecer suporte a navegadores antigos como Edge Legacy, iOS anterior ao 11, Firefox anterior ao 65 e Android Browser.

Remoção de APIs não utilizadas

• Funções que já não eram usadas há várias versões foram removidas nesta grande atualização. Essas funções eram usadas apenas internamente ou correspondiam a recursos já suportados nativamente pelos navegadores atuais.

Remoção de push, sort, splice

• Os métodos de Array que existiam no protótipo do jQuery foram removidos, e agora passam a usar funções de Array em vez do protótipo do jQuery.

Mudança na ordem dos eventos focusin e focusout

• A ordem dos eventos focus e blur não era consistente entre navegadores, mas agora todos os navegadores suportados pelo jQuery 4.0 concordam com a ordem mais comum. Como isso difere da ordem que o jQuery havia adotado anteriormente, trata-se de uma mudança importante.

Adição de suporte a FormData

• O jQuery.ajax agora oferece suporte a dados binários, incluindo FormData. Antes, os dados binários eram convertidos em string, mas agora isso é tratado automaticamente.

Remoção da promoção automática para JSONP

• Antes, no jQuery.ajax, quando dataType: "json" e um callback eram fornecidos, a requisição era convertida automaticamente em JSONP. Agora, o uso de CORS é preferido em todos os navegadores suportados.

Migração do código-fonte do jQuery para módulos ES

• O código-fonte do jQuery foi migrado de AMD para módulos ES, e agora o Rollup é usado para empacotar o jQuery.

Suporte a Trusted Types e CSP

• O jQuery 4.0 oferece suporte a Trusted Types, permitindo usar HTML como entrada nos métodos de manipulação do jQuery sem violar diretivas de Content Security Policy.

Slim build atualizada

• A slim build do jQuery 4.0.0 ficou menor ao remover Deferreds e Callbacks (menos de 20k bytes quando minificada).

Download

• Os arquivos podem ser obtidos via jQuery CDN ou npm.

Slim build

• Como todos os navegadores suportados (exceto IE11) oferecem suporte nativo a Promise, a versão slim exclui os módulos ajax, Deferreds e Callbacks.

Agradecimentos

• Agradecimentos a todos que participaram desta versão.

Conta no Mastodon

• O jQuery agora tem uma conta no Mastodon e pretende publicar simultaneamente no Twitter e no Mastodon.

Changelog

• O changelog completo é fornecido junto com as principais mudanças.

Opinião do GN⁺:

• O lançamento da versão beta do jQuery 4.0.0 é uma notícia importante para desenvolvedores web, especialmente porque o fim do suporte a versões anteriores ao IE 11 e a migração para módulos ES representam mudanças importantes alinhadas aos padrões modernos de desenvolvimento web.
• Os novos recursos e melhorias de desempenho devem contribuir para aumentar a eficiência das aplicações web, e a redução da slim build será útil para projetos sensíveis ao desempenho de carregamento.
• A criação da conta do jQuery no Mastodon reflete a diversidade das redes sociais e é um movimento positivo para ampliar os canais de comunicação com a comunidade de desenvolvedores.

[GN⁺]

Comentários do Hacker News

• Sobre a importância contínua do jQuery

  • O WordPress representa mais de 1/3 da web, e muitas instalações e plugins dependem fortemente de jQuery.
  • O jQuery continua amplamente suportado como um conjunto estável de ferramentas para seleção de DOM, manipulação de atributos, requisições Ajax, tratamento de eventos, animações e funções utilitárias gerais.
  • Existem recursos nativos que podem substituir o jQuery, mas eles não oferecem uma API tão fluida quanto a do jQuery.
  • Para tarefas que precisam apenas de pequenos aprimoramentos sobre HTML renderizado no servidor, mas não exigem um framework completo de UI em JavaScript, o jQuery oferece compatibilidade entre navegadores de forma estável e confiável.

• Sobre o desenvolvimento de uma versão pessoal substituta do jQuery

  • Depois de esperar pelo jQuery 4.0 por muito tempo, a pessoa acabou criando seu próprio jQuery. As principais diferenças incluem animações com CSS, uso de elementos ou listas transparentes, scripts inline, funcionamento independente e um único arquivo sem dependências com menos de 340 linhas.

• Curiosidade sobre o estado atual do desenvolvimento do jQuery

  • Em meio ao esforço de muitos desenvolvedores para remover o jQuery, surge a dúvida sobre quem ainda está desenvolvendo ativamente com jQuery.
  • A maior parte dos recursos do jQuery já está nativamente embutida hoje, e querySelectorAll é uma das funcionalidades mais poderosas.

• Experiência de desenvolvimento de uma plataforma low-code com jQuery

  • Foi construído com jQuery um editor de arrastar e soltar para uma plataforma low-code. Isso inclui o editor, todos os controles (ou seja, componentes de UI), e o código gerado também é puro jQuery.
  • Executivos de grandes empresas frequentemente perguntam por que não usar React/Angular etc., mas é bom saber que o jQuery ainda continua relevante.

• Expressão de carinho pelo jQuery

  • Expressa agradecimento e carinho pela equipe do jQuery, destacando que o jQuery é simples e eficaz para concluir o trabalho.

• Compartilhamento de experiência passada de uso do jQuery

  • Compartilha uma experiência passada de discussão com um líder técnico sobre adicionar ou não o jQuery a um projeto.
  • O líder argumentava que o tamanho da biblioteca prejudicaria o tempo de carregamento da página, mas no fim não conseguiu escrever código que suportasse chamadas Ajax em vários navegadores e acabou adicionando o jQuery ao projeto.

• Confusão sobre o uso de jQuery em 2024

  • Expressa confusão e curiosidade sobre os motivos para usar jQuery em 2024, à medida que os navegadores passaram a oferecer melhor suporte à seleção de DOM.

• Compartilhamento de experiência do início da adoção do jQuery

  • Recorda a experiência de ter feito uma apresentação interna para convencer colegas quando o jQuery foi lançado pela primeira vez.

• Memórias de ferramentas relacionadas ao jQuery

  • Recorda com carinho a experiência de usar ferramentas relacionadas ao jQuery, como DataTables e X-editable.