Название: Build a Frontend Web Framework (From Scratch) (Final Release)
Автор: Angel Sola Orbaiceta
Издательство: Manning Publications
Год: 2024
Страниц: 386
Язык: английский
Формат: pdf (true), epub
Размер: 10.1 MB

Learn how a frontend web framework works by coding your own!

Web developers use frontend frameworks every day—but do you know how these essential parts of your stack really work? Build a Frontend Web Framework (From Scratch) reveals the inner workings of web frameworks by helping you create your very own.

In Build a Frontend Web Framework (From Scratch), you’ll learn the secrets behind frameworks like React, Vue, and Angular, including:

Create HTML documents programmatically
Define the view with virtual DOM
Update the HTML efficiently with reconciliation algorithms
Create two-way communication mechanisms between components in a hierarchy

Whatever your experience level, you’ll be able to start building your framework with this guide. All you need is some core skills in HTML, CSS, and jаvascript. And once you’ve learned how frameworks function, you’ll be able to work with them more efficiently, troubleshoot bugs more effectively, and even customize them for your specific needs!

About the technology:

You use frontend frameworks every day, but do you really know what’s going on behind the API? Building your own framework is a great way to learn how they interact with the DOM, generate page views, route data between components, and communicate with the underlying operating system. With this interesting and entertaining book, you’ll build your own web framework step-by-step in jаvascript, ready to share with the world as an NPM package!

About the book:

Build a Frontend Web Framework (From Scratch) guides you through a simple component-based frontend framework that borrows from React, Svelte, Angular, and other familiar tools. You’ll learn how a modern framework operates by adding features like component state and lifecycle management, a virtual DOM, and reconciliation algorithms to update the HTML efficiently. You’ll appreciate how each critical concept is broken down into easy-to-digest chunks and explained with engaging graphics.

Build a Frontend Web Framework (From Scratch) is a hands-on guide designed to lead you through the creation of your own frontend framework, closely mirroring the tools you routinely use in your professional life. My primary goal is to unveil the inner workings of frameworks, enabling you to harness their power more effectively. But the book isn’t just about education; it’s also about reveling in the journey! Frontend frameworks are intricate pieces of software, and this book was crafted with your learning in mind. Each concept is methodically deconstructed into easily digestible segments, supplemented by diagrams and comprehensive explanations. I aim to equip you with everything you need to construct your own framework.

The first chapter offers a high-level overview of frontend frameworks, providing a foundational understanding without delving into specifics. In the second chapter, you’ll embark on a hands-on journey to create a TODO application using vanilla jаvascript with no framework assistance. If you’ve never built an interactive frontend application without a framework, this exercise will provide insight into the intricacies of connecting the Document Object Model (DOM) and jаvascript code manually. You’ll also appreciate the challenge of modifying the DOM programmatically whenever the application’s state changes. The essence of a framework lies in automating these tasks, which allows you to concentrate on your application’s logic. By mastering the manual process, you’ll gain a deeper appreciation of the indispensable role that a framework plays in your development workflow.

What's inside:

Create HTML documents programmatically
Define the view with the virtual DOM
Implement a component lifecycle scheduler

About the reader:
For web developers familiar with jаvascript and Node. You may be a frontend developer (at any level of seniority) who’s curious enough to want to understand how the tool they use every day works under the hood. Or you may be a coding enthusiast who wants to spend a few weekends using jаvascript to code a frontend framework for the fun of it—and for the learning experience, of course. The book assumes that you have a basic understanding of jаvascript and HTML, as well as some experience with frontend frameworks. For the topics that are a bit more advanced, I’ve included links to external resources where you can learn more about them, as well as more detailed explanations. The book is written so that developers at all levels of experience should be able to follow along.

About the author:
Angel Sola Orbaiceta has worked in the software industry for over a decade, creating software for the cloud, macOS, and Windows desktop applications.

Contents: