React.js é um dos frameworks mais comummente escolhidos

O problema que o material coloca

O material abre a restrição assim: React.js é um dos frameworks mais comummente escolhidos quando construindo apps web hoje. Eles têm alguns bons pontos dentro deles e eu tento encontrar esses porque eu fui durante minha carreira de ser o cara que ganhou o front-end para o cara do react que odeia outras línguas e frameworks para o cara que as pessoas achavam que nunca usariam react de novo para o suporte sólido para o astro cara para o próximo js cara para qualquer coisa que eu seja agora eu passei por isso com minha relação com react. Porque mesmo se você não concorda com meus pensamentos sobre envio em escala, eu espero que você entenda que eu sou bom o suficiente no lado da empresa de tecnologia e fundadores de tecnologia a este ponto.

Se você é um criador de vibe trabalhando em projetos pequenos, você pode esquecer esta parte. Mas se você está trabalhando em aplicações de produção real com muitos outros desenvolvedores, preste atenção porque o código de augmentação é uma das coisas mais recebidas que já contamos neste canal. Fica claro, meu assistente pessoal fica enganado quando eu faço um ad de augmentação, porque toda vez que eu faço isso, eu tenho tantas pessoas me atirando depois, dizendo, oh meu Deus, eu não sabia que o código de AI poderia ser tão bom.

Toda a funcionalidade no Augment parece ser construída por pessoas que realmente enviam software em escala. Como a implementação do server usado diferencia-se entre a declaração de arquivo e a declaração de funções? Aqui está a fronteira do server para o server que é ativado quando é declarado no topo de um arquivo, mas em uma função é tratado de forma diferente no server-action.rs É louco que isso esteja no código Rust para aquele handler, mas você pode ver todas as partes, você pode clicar e ir direto para o arquivo de que isso é e ele vai destacar o código que está afetado Você não pode passar por uma base de código.

Para `react-codigo-estao-pessoas-server-facebook`, 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 pratica

No miolo do episódio, o mecanismo fica explícito: Se você está trabalhando em uma base de código como este, você o devia a si mesmo e aos seus co-trabalhadores para dar um toque ao Augment hoje. Nós começamos com a introdução, que é que o React é um dos frameworks mais comum, não o mais comum, eu acho. Vai ser um desses artigos onde eles, tipo, shill o WordPress, eu vou ir doido, mas o React é o jeito mais popular de começar a fazer coisas hoje.

Ignorância pluralista acontece quando um grupo de pessoas privadamente se desconfiam com algo, mas vão com isso de qualquer forma porque eles erradicamente acreditam que todo mundo mais suporta. A maioria silenciosa não é tão real como você provavelmente quer que pense. A maioria de opinião é falada bastante, mas se todas as pessoas que não gostam de escrever código e são insucessivos e correm em círculos em bases de código malucas são as pessoas que você está falando aqui?

Sim, eles provavelmente pensam quietamente que o React assusta, porque eles não realmente pensam muito, e a razão por que eles não o dizem não é porque eles estão assustados porque todo mundo mais o apoia, é porque todo mundo mais o conhece melhor do que eles e eles se embaraçam quando dizem, como os autores provavelmente estão a fazer. Eles tem medo de ser o estranho que sai. Há muitos produtos que são lento porque eles são construídos em Rails, ou eles são construídos em alguma arquitetura estranha com listas de server que demora para se espalhar porque seus binários são muito grandes, ou eles escolhem o errado database que causa requerências que demoram muito tempo, ou eles estão fazendo um monte de água caindo no cliente, pedindo 15 coisas antes que a página acalme.

Para `react-codigo-estao-pessoas-server-facebook`, 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.

Decisoes e trade-offs do episodio

As decisões práticas que aparecem no áudio: O que você pode fazer em cada framework, por exemplo, não há nada sobre o React que causa o site da startup a ser lento. Eu pensei que íamos chegar aos problemas reais, mas vamos ver o que a outra análise psicológica que você está fazendo em mim como um desenvolvedor profissional. Oh, você quer dizer que a coisa que você acabou de ouvir, o efeito de ninguém acredita, mas todos acreditam?

Não causar problemas, não faça o resto da comunidade parecer ruim. Na tecnologia, isso aparece quando um dev vê a sua bubble de news de hacker, reddit ou twitter hypeando o React e assumindo que todos estão usando o React, então deve ser o melhor. Segundo mim, o cara que muitas vezes fica defendendo o React, eu vou ser surpreso se o avanço é mais alto que um 6.

O Facebook construiu ferramentas internas para a sua própria. Você acha que os componentes do server foram adicionados para o React porque o Facebook os precisava? Isso é relevante porque isso não é o que os componentes do server são.

Para `react-codigo-estao-pessoas-server-facebook`, 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: A forma como o dados vão através de uma aplicação React no meta é muito diferente do que vai através de uma com o Next. Então, vai através de todos os componentes que existem em um tree de rotas, encontra todos os pedidos do GraphQL que todos esses componentes vão fazer, e combina-os em uma única pedida que ocorre assim que você começar a carregar a página. Essa pedida vai para o backend do hacker ou qualquer outra coisa, Acesse o máximo de dados possível antes de que ele ative todos os deferences.

A magia aqui é que você tem esse padrão muito bom em que você tem um templo que é útil no primeiro load, você tem um pedido que todos os dados vêm através, e então a UI aparece quando o dado está pronto. Base de código e cérebro, em torno dessa ideia de combinar todos esses fragmentos em uma única enquete que vai loadar todo o conteúdo das suas páginas. Funciona tão bem que o Facebook não precisa de componentes de server em geral.

Componentes de server são o atento do Facebook a tomar os benefícios de tudo o que eu acabei de descrever e trazer esses benefícios para o resto do mundo, para que mais de nós possamos construir coisas legais e obter os mesmos benefícios de performance que o Facebook vê desse caos absoluto de infraestrutura. Pode ser que eles tenham outros negócios que querem encontrar sucesso e querem que o ecossistema do React continue crescendo, porque quanto mais sucesso o React é e quanto mais negócios sucessivos são construídos no React, quanto mais o ecossistema cresce, quanto mais isso beneficia o Facebook. Eles perderam tanto dinheiro nisso, que é engraçado.

Para `react-codigo-estao-pessoas-server-facebook`, 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: Que nenhuma dessas empresas nos deu as peças para fazer. Você pode dizer por que sua app é sluggish? A app é sluggish porque você está flutuando um monte de dados, você tem um componente que fecha dados, e ele monta outro componente que fecha dados, e tem outro componente que fecha dados?

Mas eu não ouço você culpando o Rails por isso. Há também o problema muito real e Ryan Carniato, o criador do Solid, que, na minha opinião, é um dos maiores competidores para o React e um dos poucos que oferecem vingos de performance significativos, frequentemente fala sobre como é um bolo nesse ponto em particular. Especificamente, a segunda vez que você o construiu, sempre vai ser melhor porque você aprendeu um monte de aulas pela primeira vez se você reescrever isso novamente também em react, provavelmente fará muito melhor do que foi a primeira vez, então claro, meu pensamento é que ele reescreveu algo em algum outro framework de server side como htmx ou como flask ou algo melhorou a performance porque ele escreveu.

Ou você vai só escalar essa parte porque você percebe que destrui seu argumento inteiro? Eu certamente não percebi que o estado composável era um problema específico do React. Além disso, o fato de que ele não mencionou o Compiler do React aqui, que é a única coisa que poderia realmente fazer seu ponto um pouco, mostra o quão pouco ele entende o espaço.

Para `react-codigo-estao-pessoas-server-facebook`, 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 aplicacao funcionou

Para fechar o ciclo com evidência do próprio material: Escolher o React pode significar que você está se desvendendo por causa de um esforço em ecosistemas de boilerplate e de sprawl, que você tem uma performance de curto tempo sem ser optimizado, que você está constantemente mantendo por causa de coisas que se quebram em padrões frágeis, que seus problemas de SEO e hidração requerem uma toda rede de ferramentas para fixar, mas que você está com dificuldade em. Ainda pior, se você precisa reescrever, o que acontece mais frequentemente do que as pessoas admitem, você gastou dinheiro de investidor e prejuízo de renda em TecDate. Então, claro, React é por isso que eles estão perdendo.

React.js é um dos frameworks mais comummente escolhidos quando construindo apps web hoje. Eles têm alguns bons pontos dentro deles e eu tento encontrar esses porque eu fui durante minha carreira de ser o cara que ganhou o front-end para o cara do react que odeia outras línguas e frameworks para o cara que as pessoas achavam que nunca usariam react de novo para o suporte sólido para o astro cara para o próximo js cara para qualquer coisa que eu seja agora eu passei por isso com minha relação com react. Porque mesmo se você não concorda com meus pensamentos sobre envio em escala, eu espero que você entenda que eu sou bom o suficiente no lado da empresa de tecnologia e fundadores de tecnologia a este ponto.

Se você é um criador de vibe trabalhando em projetos pequenos, você pode esquecer esta parte. Mas se você está trabalhando em aplicações de produção real com muitos outros desenvolvedores, preste atenção porque o código de augmentação é uma das coisas mais recebidas que já contamos neste canal. Fica claro, meu assistente pessoal fica enganado quando eu faço um ad de augmentação, porque toda vez que eu faço isso, eu tenho tantas pessoas me atirando depois, dizendo, oh meu Deus, eu não sabia que o código de AI poderia ser tão bom.

Para `react-codigo-estao-pessoas-server-facebook`, 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:

React.js é um dos frameworks mais comummente escolhidos quando construindo apps web hoje. Eles têm alguns bons pontos dentro deles e eu tento encontrar esses porque eu fui durante minha carreira de ser o cara que ganhou o front-end para o cara do react que odeia outras línguas e frameworks para o cara que as pessoas achavam que nunca usariam react de novo para o suporte sólido para o astro cara para o próximo js cara para qualquer coisa que eu seja agora eu passei por isso com minha relação com react. Porque mesmo se você não concorda com meus pensamentos sobre envio em escala, eu espero que você entenda que eu sou bom o suficiente no lado da empresa de tecnologia e fundadores de tecnologia a este ponto.

Se você é um criador de vibe trabalhando em projetos pequenos, você pode esquecer esta parte. Mas se você está trabalhando em aplicações de produção real com muitos outros desenvolvedores, preste atenção porque o código de augmentação é uma das coisas mais recebidas que já contamos neste canal. Fica claro, meu assistente pessoal fica enganado quando eu faço um ad de augmentação, porque toda vez que eu faço isso, eu tenho tantas pessoas me atirando depois, dizendo, oh meu Deus, eu não sabia que o código de AI poderia ser tão bom.

Toda a funcionalidade no Augment parece ser construída por pessoas que realmente enviam software em escala. Como a implementação do server usado diferencia-se entre a declaração de arquivo e a declaração de funções? Aqui está a fronteira do server para o server que é ativado quando é declarado no topo de um arquivo, mas em uma função é tratado de forma diferente no server-action.rs É louco que isso esteja no código Rust para aquele handler, mas você pode ver todas as partes, você pode clicar e ir direto para o arquivo de que isso é e ele vai destacar o código que está afetado Você não pode passar por uma base de código.

Se você está trabalhando em uma base de código como este, você o devia a si mesmo e aos seus co-trabalhadores para dar um toque ao Augment hoje. Nós começamos com a introdução, que é que o React é um dos frameworks mais comum, não o mais comum, eu acho. Vai ser um desses artigos onde eles, tipo, shill o WordPress, eu vou ir doido, mas o React é o jeito mais popular de começar a fazer coisas hoje.

Ignorância pluralista acontece quando um grupo de pessoas privadamente se desconfiam com algo, mas vão com isso de qualquer forma porque eles erradicamente acreditam que todo mundo mais suporta. A maioria silenciosa não é tão real como você provavelmente quer que pense. A maioria de opinião é falada bastante, mas se todas as pessoas que não gostam de escrever código e são insucessivos e correm em círculos em bases de código malucas são as pessoas que você está falando aqui?

Sim, eles provavelmente pensam quietamente que o React assusta, porque eles não realmente pensam muito, e a razão por que eles não o dizem não é porque eles estão assustados porque todo mundo mais o apoia, é porque todo mundo mais o conhece melhor do que eles e eles se embaraçam quando dizem, como os autores provavelmente estão a fazer. Eles tem medo de ser o estranho que sai. Há muitos produtos que são lento porque eles são construídos em Rails, ou eles são construídos em alguma arquitetura estranha com listas de server que demora para se espalhar porque seus binários são muito grandes, ou eles escolhem o errado database que causa requerências que demoram muito tempo, ou eles estão fazendo um monte de água caindo no cliente, pedindo 15 coisas antes que a página acalme.

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.