Building Native Web Components: Front-End Development with Polymer and Vue.js

© Carlos Rojas 2021

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

6. Component Architecture

Carlos Rojas¹ 

(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 ...