{"product_id":"build-a-frontend-web-framework-from-scratch-9781633438064","title":"Build a Frontend Web Framework (from Scratch)","description":"\u003cb\u003eLearn how a frontend web framework works by coding your own!\u003c\/b\u003e \u003cp\u003e\u003c\/p\u003eWeb 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. \u003cp\u003e\u003c\/p\u003eIn \u003ci\u003eBuild a Frontend Web Framework (From Scratch)\u003c\/i\u003e, you'll learn the secrets behind frameworks like React, Vue, and Angular, including: \u003cp\u003e\u003c\/p\u003e \u003cul\u003e \u003cli\u003eCreate HTML documents programmatically\u003c\/li\u003e \u003cli\u003eDefine the view with virtual DOM\u003c\/li\u003e \u003cli\u003eUpdate the HTML efficiently with reconciliation algorithms\u003c\/li\u003e \u003cli\u003eCreate two-way communication mechanisms between components in a hierarchy\u003c\/li\u003e \u003c\/ul\u003e \u003cbr\u003eWhatever 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 JavaScript. 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! \u003cp\u003e\u003c\/p\u003ePurchase of the print book includes a free eBook in PDF and ePub formats from Manning Publications. \u003cp\u003e\u003c\/p\u003e \u003cb\u003eAbout the technology\u003c\/b\u003e \u003cp\u003e\u003c\/p\u003e 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 JavaScript, ready to share with the world as an NPM package! \u003cp\u003e\u003c\/p\u003e \u003cb\u003eAbout the book\u003c\/b\u003e \u003cp\u003e\u003c\/p\u003e \u003ci\u003eBuild a Frontend Web Framework (From Scratch)\u003c\/i\u003e 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. \u003cp\u003e\u003c\/p\u003e \u003cb\u003eWhat's inside\u003c\/b\u003e \u003cp\u003e\u003c\/p\u003e \u003cul\u003e \u003cli\u003eCreate HTML documents programmatically\u003c\/li\u003e \u003cli\u003eDefine the view with the virtual DOM\u003c\/li\u003e \u003cli\u003eImplement a component lifecycle scheduler\u003c\/li\u003e \u003c\/ul\u003e \u003cp\u003e\u003c\/p\u003e\u003cb\u003eAbout the reader\u003c\/b\u003e\u003cbr\u003e For web developers familiar with JavaScript and Node. \u003cp\u003e\u003c\/p\u003e \u003cb\u003eAbout the author\u003c\/b\u003e \u003cp\u003e\u003c\/p\u003e \u003cb\u003eAngel Sola Orbaiceta\u003c\/b\u003e has worked in the software industry for over a decade, creating software for the cloud, macOS, and Windows desktop applications. \u003cp\u003e\u003c\/p\u003e\u003cb\u003eTable of Contents\u003c\/b\u003e \u003cp\u003e\u003c\/p\u003e PART 1\u003cbr\u003e 1 Are frontend frameworks magic to you?\u003cbr\u003e 2 Vanilla JavaScript--like in the old days\u003cbr\u003e PART 2\u003cbr\u003e 3 Rendering and the virtual DOM\u003cbr\u003e 4 Mounting and destroying the virtual DOM\u003cbr\u003e 5 State management and the application's lifecycle\u003cbr\u003e 6 Publishing and using your framework's first version\u003cbr\u003e 7 The reconciliation algorithm: Diffing virtual trees\u003cbr\u003e 8 The reconciliation algorithm: Patching the DOM\u003cbr\u003e PART 3\u003cbr\u003e 9 Stateful components\u003cbr\u003e 10 Component methods\u003cbr\u003e 11 Subcomponents: Communication via props and events\u003cbr\u003e 12 Keyed lists\u003cbr\u003e 13 The component lifecycle hooks and the scheduler\u003cbr\u003e 14 Testing asynchronous components\u003cbr\u003e Appendix\u003cbr\u003e","brand":"Manning Publications","offers":[{"title":"Default Title","offer_id":50526301946130,"sku":"9781633438064","price":55.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/4771\/8930\/files\/img_d17f5485-17c2-4cf6-ae37-4f0c342606f9.jpg?v=1731269169","url":"https:\/\/surprise-castle.myshopify.com\/products\/build-a-frontend-web-framework-from-scratch-9781633438064","provider":"Surprise Castle","version":"1.0","type":"link"}