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.