Learning Web Component Development

Web components are an exciting new set of web standards used to provide reusable and powerful widgets by encapsulating and extending HTML and CSS. Web components are rapidly coming of age and are ready to make their debut in your browser.

Key Features

Gain a practical understanding of web components through real-world examples
Learn to construct a full and functional web component with native JavaScript
Build your toolbox for web component development by harnessing the power of PolymerJS, ReactJS, Bosonic, and Mozilla Bricks
Book Description

Starting with an introduction to all the core concepts of web component specifications, you will be taken through building your own custom clock component. You will then get to grips with Shadow DOM, HTML Import, and templating as you create a component using pure JavaScript. Following this, you'll explore the core tools and libraries for web component development, including Polymer, Bosonic, Mozilla Brick, and ReactJS, and learn how to put them to work for practical development. This book will provide you with a detailed understanding of architecture, configuration, and selecting the right tool for you and your needs.

What you will learn

Get hands-on experience with native JavaScript for web component creation
Discover the core of Polymer and use it to craft your web components
Use Mozilla Brick to customize and create web components
Debug web components with the power of ReactJS
Take a reactive approach to web component creation
Master the Bosonic framework for practical web component design
About the Author

Sandeep Kumar Patel is a senior web developer and the founder of www.tutorialsavvy.com, a programming blog that has been widely read since its inception in 2012. He has over 5 years of experience in object-oriented JavaScript and JSON-based web applications development. He is GATE-2005 Information Technology (IT) qualified and has a master's degree from VIT University, Vellore.

Table of Contents

Introducing Web Components
Introducing Polymer
Developing Web Components Using Polymer
Exploring Bosonic Tools for Web Component Development
Developing Web Components Using Mozilla Brick
Building Web Components with ReactJS