Então, há muitos frameworks agora, como muitos deles

O problema que o material coloca

O material abre a restrição assim: Então, há muitos frameworks agora, como muitos deles. Eu acho que nenhum framework é tão mid quanto você pode conseguir. Isso eu acabei de conhecer como Alpine, mas eu.

Então eu só disse que é como uma mini-view, é como uma versão de cursa de você. E de AngularJS para Angular sozinho, essa transição foi louca. Ok, Astro sendo aqui é uma trama, porque muitos de vocês sabem que Astro não é um framework.

Porque quando eu comecei no Twitch, nós ainda estávamos usando Ember para o front-end e Rails para o back-end. Eles também têm suas próprias sintaxes de templatização loucas, HBS, são baseadas em handlebars, mas eles fizeram algumas coisas loucas com isso. E, uma vez que você quer realmente fazer o toggle, clique em esse tamanho do toggle.

Para `entao-javascript-html-ember-entao-muitos`, 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: Então, a maioria dos JavaScripts, e até mesmo os parsers de TypeScript, vão errar completamente a highlight. E os handlebars são a curva, como um rosto, que também é o logo. Foi quase como o lado oposto do que.

Concepto realmente interessante, definitivamente nos ajudou como um campo a reivindicar a relação entre JavaScript e HTML, então eu quero colocar isso um pouco mais alto do que Vanilla.js por essa razão. Há muitos problemas que as frameworks de JavaScript modernas apresentaram ao Web que ele está realmente assustado com e provavelmente sente alguma responsabilidade por ser o criador de Angular. Esses problemas incluem carregando muito JavaScript, o tempo para interagir se desacelerando muito mais rápido, as caixas de dados causando vários elementos a aparecer sincronizamente em vez de todos fluírem juntos de vez.

Muitas outras frameworks de JavaScript têm a ideia de hidração, o que significa que, dado algumas HTML e então dado algumas JavaScript, a JavaScript irá se aproximar do estado atual da HTML por renderar muitas das partes. Se você tem um fio de HTML gigante, e então leva um tempo para um bundle de JavaScript gigante para carregar, e então tem que processar no seu browser, e então tem que funcionar, e então tem que conectar todos os elementos no seu browser, e então, finalmente, você pode agora interagir com botões e se você clicar em um botão naquela janela, isso não funcionaria. O foco do Quix no resumibilidade significa que ele pode escapá-lo de muitos desses passos, embedar uma mínima quantidade de JavaScript e imediatamente ligar-se a um botão.

Para `entao-javascript-html-ember-entao-muitos`, 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: Aqui é um diagrama do time do Quix, obviamente feito em Excalibur, usuários de qualidade Excalibur, para mostrar como o resumibilidade alcança seu HTML mais rápido do que com a hidração tradicional onde você tem que downloadar o JavaScript, parcerizar e executar, ligar os ouvintes. Então, a menos que você esteja abrindo uma página e imediatamente clicando em botões, e você também nunca esteve naquela página antes, eu não acho que é tão grande um problema. Seus diferenciadores são tão valiosos quanto eles foram empurrados, especialmente agora que outras frameworks como o reactor estão se apontando e tendo modelos de hidratação híbrida onde algum conteúdo não precisa de javascript em geral, o qwik nos forçou a pensar mais sobre essas coisas, mas quanto mais eu pensei sobre eles, mais eu percebi que a hidratação não é tão grande um negócio e está melhorando de.

E agora em um componente de verdade podemos chamar o uso de adjoc e retornar algumas coisas. E eu não acho que os benefícios que ele introduz são valiosos. Porque escrever um componente web de fora de casa, isso é difícil.

Mas esse é o objetivo do LIT, é ser como HTML tradicional e JavaScript no browser como possível, usando todos esses padrões, mas dando-lhe essa abstracção no topo que o faz realmente um pouco mais confortável de usar. Mas se eu quisesse ter um elemento que poderia ser reutilizado em projetos futuros ou apenas tomar uma parte do meu blog e fazer-o interativo, LIT é realmente legal para esses tipos de coisas. Eu diria que é Bem parecido com os fios, embora eu odeiei usar menos, então estou entre B e A para LIT porque é resolver problemas que outras coisas não resolvem, mas eu também não o usaria para coisas maiores.

Para `entao-javascript-html-ember-entao-muitos`, 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: Sua foca é o tamanho do bundle e eles têm algumas das maiores regras de tamanho do bundle de qualquer projeto que eu já tenha visto. Se você quiser adicionar uma nova funcionalidade para preact, você tem que either construir externamente como uma biblioteca ou deletar o quanto de código você adiciona para garantir que seu tamanho do bundle não suba no processo. Não é react, então você não pode simplesmente tirar um projeto de react e esperar que funcione, mas funciona bastante frequentemente e você pode escrever muito do código que você está acostumado a escrever com react.

Isso significa que você pode usar um literal de um templo em JavaScript, que é quando você coloca esses pequenos backticks depois de uma função e ela chama a função com isso como um input de string e fazendo isso você consegue escrever efetivamente jsx dentro do seu js sem precisar de um passo de transpilação e isso é parcializado no tempo de viagem, então você pode fazer um projeto que usa preact e olha e. Com isso tudo dito, os números recentes na benchmark de performance não foram tão bons quanto costumavam ser quando comparando com o React, que obviamente é o framework que foi construído para competir com, mas também é realmente importante para o web e estou realmente feliz que exista. Falando no que eu chegaria para, nós agora chegamos ao React, que obviamente eu nunca ouvi.

Se você já trabalhou em um mundo tradicional de backend tentando construir uma app web, normalmente a experiência é que, uma vez que o usuário tem carregado a página, a única maneira de eles receberem novos dados é se eles refrestem a página ou se eles vão para uma rota diferente ou se eles postam de uma forma. Mas se você quer ter um botão que tem um estado de carregamento quando eles clicar nela, ou se você está tentando fazer um clone do Twitter e você quer poder escrever um novo tweet, clique em enter e ter o novo tweet aparecer em seu feed sem descarregar a página inteira. Esses tipos de comportamentos eram realmente difíceis de fazer sem introduzir um framework de JavaScript, o que é por isso que a HTML escreveu esse JavaScript para você e agora você pode apenas se ligar a um templo diretamente.

Para `entao-javascript-html-ember-entao-muitos`, 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: Hx post significa que quando você clica neste botão, ele vai postar para este endpoints slash clicar e hx swap outer html significa que o que este responde com o conteúdo html desta resposta vai substituir o botão, então se isto retorna algo outro como um div que diz obrigado, então uma vez que você clica nisto e recebe esta resposta isto será substituído em seu dom com um div que diz obrigado isso te permite não. Eu ainda me lembro da primeira vez que vi Solid aparecer em um benchmark e eu fiquei louco porque ele parecia como o React Code porque ele ainda usa JSX no fundo e ainda é JSX quando você escreve, mas ele estava funcionando quase tão rápido como o JavaScript em cada benchmark que eu vi. E, nesse ponto, eu ainda creio que JSX estava causando problemas de performance e, teoreticamente, se você queria a app mais rápida, você não usaria JSX e Solid provou que não era o caso.

Ele fala imediatamente sobre o código que é específico para isso. Com o Solid, como chamamos primeiro e último nesse efeito, ele sabe que quando esses mudarem, esse efeito tem que funcionar de novo. Aqui temos um exemplo de HTML baseado em Vanilla.js com Solid, para que você possa apenas colocar isso no browser e ver que está funcionando sem nenhum passo de construção ou executar um webpack ou coisas assim, o que é, novamente, muito legal de ver, mas você perde muitas das diferenças de ID, muitos dos check-in de tipo e as coisas que eu esperaria de um framework diário.

E agora ele vai limpar e fazer isso quando o componente vai embora. Ainda acho que ainda não vimos o crescimento desejado de Solid. Esse framework me mostrou que, primeiro, React não era realmente reativo.

Para `entao-javascript-html-ember-entao-muitos`, 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 eles também fizeram muitas coisas que eu, pessoalmente, não adoro. Quando estou trabalhando em uma aplicação e tenho alguma peça que quero usar de novo, quero ter a capacidade de quebrar isso rapidamente e não ter que perder o contexto do arquivo que estou usando. E é por isso que em ambos Svelte e Vue, vemos muita estranheza na sua templatização.

Então, há muitos frameworks agora, como muitos deles. Eu acho que nenhum framework é tão mid quanto você pode conseguir. Isso eu acabei de conhecer como Alpine, mas eu.

Então eu só disse que é como uma mini-view, é como uma versão de cursa de você. E de AngularJS para Angular sozinho, essa transição foi louca. Ok, Astro sendo aqui é uma trama, porque muitos de vocês sabem que Astro não é um framework.

Para `entao-javascript-html-ember-entao-muitos`, 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:

Então, há muitos frameworks agora, como muitos deles. Eu acho que nenhum framework é tão mid quanto você pode conseguir. Isso eu acabei de conhecer como Alpine, mas eu.

Então eu só disse que é como uma mini-view, é como uma versão de cursa de você. E de AngularJS para Angular sozinho, essa transição foi louca. Ok, Astro sendo aqui é uma trama, porque muitos de vocês sabem que Astro não é um framework.

Porque quando eu comecei no Twitch, nós ainda estávamos usando Ember para o front-end e Rails para o back-end. Eles também têm suas próprias sintaxes de templatização loucas, HBS, são baseadas em handlebars, mas eles fizeram algumas coisas loucas com isso. E, uma vez que você quer realmente fazer o toggle, clique em esse tamanho do toggle.

Então, a maioria dos JavaScripts, e até mesmo os parsers de TypeScript, vão errar completamente a highlight. E os handlebars são a curva, como um rosto, que também é o logo. Foi quase como o lado oposto do que.

Concepto realmente interessante, definitivamente nos ajudou como um campo a reivindicar a relação entre JavaScript e HTML, então eu quero colocar isso um pouco mais alto do que Vanilla.js por essa razão. Há muitos problemas que as frameworks de JavaScript modernas apresentaram ao Web que ele está realmente assustado com e provavelmente sente alguma responsabilidade por ser o criador de Angular. Esses problemas incluem carregando muito JavaScript, o tempo para interagir se desacelerando muito mais rápido, as caixas de dados causando vários elementos a aparecer sincronizamente em vez de todos fluírem juntos de vez.

Muitas outras frameworks de JavaScript têm a ideia de hidração, o que significa que, dado algumas HTML e então dado algumas JavaScript, a JavaScript irá se aproximar do estado atual da HTML por renderar muitas das partes. Se você tem um fio de HTML gigante, e então leva um tempo para um bundle de JavaScript gigante para carregar, e então tem que processar no seu browser, e então tem que funcionar, e então tem que conectar todos os elementos no seu browser, e então, finalmente, você pode agora interagir com botões e se você clicar em um botão naquela janela, isso não funcionaria. O foco do Quix no resumibilidade significa que ele pode escapá-lo de muitos desses passos, embedar uma mínima quantidade de JavaScript e imediatamente ligar-se a um botão.

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.