Learning Web Component Development

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

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.

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

1. Introducing Web Components
2. Introducing Polymer
3. Developing Web Components Using Polymer
4. Exploring Bosonic Tools for Web Component Development
5. Developing Web Components Using Mozilla Brick
6. Building Web Components with ReactJS