Creating Custom Application Components and Layouts

To start the development of our application, we will need to create the custom components and inputs that will be used by the entire application. These components will be created with a stateless approach.

We will develop the UsernameInput component, the PasswordInput component, the EmailInput component, and the AvatarInput component. We will also develop the base layout for the application pages and the chat layout, which will wrap the chat page.

In this chapter, we'll cover the following recipes:

  • Creating custom inputs for the application
  • Creating the application layouts

Technical requirements

In this chapter, we will be using Node.js and Quasar Framework.

Attention, Windows users! You ...

Get Building Vue.js Applications with GraphQL 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.