{"product_id":"9781633433977","title":"Web Component Development with Modern Libraries and Tooling: Build, test, and scale framework-agnostic web components","description":"\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"\"\u003e\u003cstrong\u003eAuthor\/Contributor(s):\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"\"\u003eVolkmann, Mark\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"\"\u003e\u003cstrong\u003ePublisher:\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eManning\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"\"\u003e\u003cstrong\u003eDate:\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e11\/24\/2026\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"\"\u003e\u003cstrong\u003eBinding:\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"\"\u003ePaperback\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"\"\u003e\u003cstrong\u003eCondition:\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"\"\u003eNEW\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cb\u003eGet the eBook free when you register your print book at Manning.\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003eDevelopment teams increasingly face pressure to future-proof their code—and that makes framework lock-in a serious liability. In this book, you’ll learn how to build reusable web components that last well beyond the next library update. In this practical and easy-to-follow guide, author \u003cb\u003eMark Volkmann\u003c\/b\u003e shows you how web components deliver something no JavaScript framework can match: true portability. Built on W3C standards and supported natively by every modern browser, web components let you build UI elements once and reuse them anywhere, in React, Vue, Angular, Svelte, plain HTML, or even Markdown documents. No framework downloads and no immovable dependencies.\u003cbr\u003e \u003cbr\u003eThe early chapters introduce Web Awesome, one of the most popular web component libraries. Using Web Awesome, you’ll build a UI complete with color-changing radio buttons, animated progress indicators, and more. Then, as you progress into the middle chapters, you’ll dive into creating your own web components in vanilla JavaScript, and you'll discover 15 essential best practices that separate professional-grade components from ones that won’t stand the test of time.\u003cbr\u003e \u003cbr\u003eOnce you’ve learned how web components work, you’ll get a leg up with libraries like Google’s Lit, Microsoft’s FAST, Ionic’s Stencil, and wrec—a library created author Mark Volkmann. You’ll then integrate components with Angular, React, Solid, Svelte, and Vue, apply professional tooling for documentation, testing, and demonstration, and tackle server-side rendering. Finally, finish up with solid advice on utilizing LLMs to implement web components and use them in web applications.\u003cbr\u003e \u003cbr\u003eIn each chapter, you’ll work on progressively more sophisticated example components including hello-world, google-button, radio-group, sortable-table, and traffic-light. Every example is chosen to illustrate concepts in a flexible way you can adapt to your own real-world projects. And unlike scattered blog posts and lightweight video tutorials, this substantial book provides both a clear structured learning path and a valuable reference for your future projects.\u003cbr\u003e \u003cbr\u003e \u003cb\u003eWhat's inside\u003c\/b\u003e\u003cbr\u003e \u003cbr\u003e • Implement vanilla web components\u003cbr\u003e • Augment development with Custom Elements Manifest, Storybook, and Playwright\u003cbr\u003e • Generate web component code with AI coding agents\u003cbr\u003e \u003cbr\u003e\u003cb\u003eAbout the reader\u003c\/b\u003e\u003cbr\u003e \u003cbr\u003e For working web developers who know basic HTML, CSS, and JavaScript.\u003cbr\u003e \u003cbr\u003e \u003cb\u003eAbout the author\u003c\/b\u003e\u003cbr\u003e \u003cbr\u003e \u003cb\u003eMark Volkmann\u003c\/b\u003e is a Partner and Distinguished Engineer at Object Computing, Inc. (OCI) in St. Louis where he provides software consulting and training. He has assisted many companies with JavaScript, Node.js, Svelte, React, Vue, Angular, Swift\/SwiftUI, and more. He has also authored \u003ci\u003eSvelte and Sapper in Action\u003c\/i\u003e, and \u003ci\u003eServer-Driven Web Apps with htmx\u003c\/i\u003e.","brand":"Manning","offers":[{"title":"Default Title","offer_id":48785394565375,"sku":"9781633433977","price":69.99,"currency_code":"USD","in_stock":true}],"url":"https:\/\/massivebookshop.com\/products\/9781633433977","provider":"MASSIVE BOOKSHOP","version":"1.0","type":"link"}