© Carlos Rojas 2021
C. RojasBuilding Native Web Componentshttps://doi.org/10.1007/978-1-4842-5905-4_6

6. Component Architecture

Carlos Rojas1 
(1)
Medellin, Colombia
 

In this chapter, you will learn how to design components and make them work together in a web application. We are going to connect our web application to an application programming interface (API) and define a dataflow for our components.

Our NoteApp Application

We will create a simple notes app that allows users to make notes, as illustrated in Figure 6-1. A new note will be created when users click a button, using a modal and a form with “Title” and “Description,” after the user adds information. We must add this information to a Notes list that shows us all the notes the user has created ...

Get Building Native Web Components: Front-End Development with Polymer and Vue.js now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.