Construa Uma Estrutura Web Frontend (do Zero)

Aprenda como funciona uma estrutura web de front-end codificando a sua própria! Os desenvolvedores da Web usam estruturas de front-end todos os dias, mas você sabe como essas partes essenciais da sua pilha realmente funcionam?

Construir um Frontend Web Framework (From Scratch) revela o funcionamento interno dos frameworks web, ajudando você a criar o seu próprio.

Você aprenderá os segredos por trás de frameworks como React, Vue e Angular, incluindo: Crie documentos HTML programaticamente Defina a visualização com DOM virtual Atualize o HTML de forma eficiente com algoritmos de reconciliação Crie mecanismos de comunicação bidirecional entre componentes em uma hierarquia Seja qual for o seu nível de experiência, você poderá começar a construir sua estrutura com este guia.

Tudo que você precisa são algumas habilidades básicas em HTML, CSS e JavaScript.

E depois de aprender como funcionam os frameworks, você será capaz de trabalhar com eles de forma mais eficiente, solucionar problemas de maneira mais eficaz e até mesmo personalizá-los para suas necessidades específicas!

Sobre a tecnologia Você usa frameworks frontend todos os dias, mas você realmente sabe o que está acontecendo por trás da API?

Construir sua própria estrutura é uma ótima maneira de aprender como eles interagem com o DOM, geram visualizações de páginas, roteiam dados entre componentes e se comunicam com o sistema operacional subjacente.

Com este livro interessante e divertido, você construirá seu próprio framework web passo a passo em JavaScript, pronto para ser compartilhado com o mundo como um pacote NPM!

Sobre o livro orienta você através de uma estrutura de front-end simples baseada em componentes que usa React, Svelte, Angular e outras ferramentas familiares.

Você aprenderá como uma estrutura moderna opera adicionando recursos como estado do componente e gerenciamento do ciclo de vida, um DOM virtual e algoritmos de reconciliação para atualizar o HTML com eficiência.

Você apreciará como cada conceito crítico é dividido em partes fáceis de digerir e explicado com gráficos envolventes.

O que há dentro Crie documentos HTML programaticamente Defina a visualização com o DOM virtual Implementar um agendador de ciclo de vida de componente Sobre o leitor Para desenvolvedores web familiarizados com JavaScript e Node.