Build a Frontend Web Framework (From Scratch) (MEAP V10)

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

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

Using the Document API to create HTML documents programmatically
How the virtual DOM helps define the view of an application
Using reconciliation algorithms to update the HTML efficiently
How Single Page Application (SPA) routers and webpack loaders work
Rendering a web application in the server, and rehydrating it in the browser

Frontend frameworks are essential for creating websites, UIs, and intuitive apps. While it’s tempting to treat a framework like a black box, they’re not magic. Build a Frontend Web Framework (From Scratch) shows you how to build your own framework from basic JavaScript, HTML, and CSS. Once you learn 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
Frontend web frameworks like React, Vue, or Svelte are an essential part of almost any web application stack. They’re responsible for what your users see on their screens, and they are the first step in ensuring that your product delivers an exceptional user experience. In this step-by-step guide, expert full-stack web developer Angel Sola Orbaiceta shares a big secret: understanding how these tools work under the hood will make you a better web developer.

about the book
In Build a Frontend Web Framework (From Scratch), you’ll create a complete frontend framework and share it with the world as an NPM package. You’ll start by writing a to-do list application in pure JavaScript to expose the pain points a frontend framework solves. Then, just three chapters later, you’ll have a basic working framework, built from scratch!

From there, you’ll iterate and add new features, implement a pipeline that transforms HTML templates into JavaScript render functions, add reconciliation algorithms, develop a SPA router that changes the content of the page without reloading, and more. All concepts are broken down into easy-to-digest chunks and explained with engaging graphics. By the time you’re done reading and coding, you’ll have a framework you can both use in your own projects and share with the world!