Log In
Or create an account ->
Imperial Library
Home
About
News
Upload
Forum
Help
Login/SignUp
Index
Title Page
Copyright and Credits
Building Vue.js Applications with GraphQL
About Packt
Why subscribe?
Contributors
About the author
About the reviewer
Packt is searching for authors like you
Preface
Who this book is for
What this book covers
To get the most out of this book
Download the example code files
Conventions used
Sections
Getting ready
How to do it…
How it works…
There's more…
See also
Get in touch
Reviews
Data Binding, Events, and Computed Properties
Technical requirements
Creating your first project with the Vue CLI
Getting ready
How to do it...
There's more...
See also
Creating the hello world component
Getting ready
How to do it...
How it works...
See also
Creating an input form with two-way data binding
Getting ready
How to do it...
How it works...
See also
Adding an event listener to an element
Getting ready
How to do it...
How it works...
See also
Removing the v-model directive from the input
Getting ready
How to do it...
How it works...
See also
Creating a dynamic to-do list
Getting ready
How to do it...
How it works...
See also
Creating computed properties and understanding how they work
Getting ready
How to do it...
How it works...
See also
Displaying cleaner data and text with custom filters
Getting ready
How to do it...
How it works...
See also
Creating filters and sorters for a list
Getting ready
How to do it...
How it works...
See also
Creating conditional filters to sort list data
Getting ready
How to do it...
How it works...
See also
Adding custom styles and transitions
Getting ready
How to do it...
How it works...
See also
Using vue-devtools to debug your application
Getting ready
How to do it...
See also
Components, Mixins, and Functional Components
Technical requirements
Creating a visual template component
Getting ready
How to do it...
How it works...
See also
Using slots and named slots to place data inside your components
Getting ready
How to do it...
How it works...
See also
Passing data to your component and validating the data
Getting ready
How to do it...
How it works...
See also
Creating functional components
Getting ready
How to do it...
How it works...
See also
Accessing your children component's data
Getting ready
How to do it...
Creating the star rating input
Creating the StarRatingDisplay component
Creating the StarRating component
Data manipulation on child components
How it works...
There's more...
See also
Creating a dynamically injected component
Getting ready
How to do it...
How it works...
See also
Creating a dependency injection component
Getting ready
How to do it...
How it works...
See also
Creating a component mixin
Getting ready
How to do it...
How it works...
See also
Lazy loading your components
Getting ready
How to do it...
How it works...
See also
Setting Up Our Chat App - AWS Amplify Environment and GraphQL
Technical requirements
Creating your AWS Amplify environment
Getting ready
How to do it...
Creating an AWS account
Configuring AWS Amplify
Creating your Quasar project
Initializing the AWS Amplify project
How it works...
See also
Creating your first GraphQL API
Getting ready
How to do it...
Creating the AWS Cognito authentication
Creating the GraphQL API
Creating the GraphQL SDL schema
Creating the GraphQL API with AWS Amplify
How it works...
See also
Adding the GraphQL client to your application
Getting ready
How to do it...
How it works...
See also
Creating the AWS Amplify driver for your application
Getting ready
How to do it...
Creating the AWS Amplify Storage driver
Adding AWS Amplify Storage
Creating the Amplify Storage driver
Creating the Amplify Auth driver
Creating the Amplify AppSync instance
How it works...
See also
Creating Custom Application Components and Layouts
Technical requirements
Creating custom inputs for the application
Getting ready
How to do it...
Creating the UsernameInput component
The single file component section
The single file component section
Creating a PasswordInput component
The single file component section
The single file component section
Creating the NameInput component
The single file component section
The single file component section
Creating the EmailInput Component
The single file component section
The single file component section
Creating the AvatarInput component
The single file component section
The single file component section
Creating the avatar mixin
Creating the AvatarDisplay component
The single file component section
The single file component section
How it works...
See also
Creating the application layouts
Getting ready
How to do it...
Creating the base layout
The single file component section
The single file component section
Creating the chat layout
The single file component section
The single file component section
How it works...
See also
Creating the User Vuex Module, Pages, and Routes
Technical requirements
Creating the User Vuex module in your application
Getting ready
How to do it...
Creating the User Vuex state
Creating the User Vuex mutations
Creating the User Vuex getters
Creating the User Vuex actions
Adding the User module to Vuex
How it works...
See also
Creating User pages and routes for your application
Getting ready
How to do it...
Adding the Dialog plugin to Quasar
Creating the User login page
Single-file component section
Single-file component section
Creating the User signup page
Single-file component section
Single-file component section
Creating the User validation page
Single-file component section
Single-file component section
Creating the User edit page
Single-file component section
Single-file component section
Creating application routes
Adding the authentication guard
How it works...
There's more...
See also
Creating Chat and Message Vuex, Pages, and Routes
Technical requirements
Creating GraphQL queries and fragments
Getting ready
How to do it...
Creating the GraphQL fragments
Applying fragments on the User Vuex actions
How it works...
See also
Creating the Chat Vuex module on your application
Getting ready
How to do it...
Creating the Chat Vuex state
Creating the Chat Vuex mutations
Creating the Chat Vuex getters
Creating the Chat Vuex actions
Adding the Chat module to Vuex
How it works...
See also
Creating the Contacts page of your application
Getting ready
How to do it...
Creating the NewConversation component
Single file component section
Single-file component section
Creating the Contacts page
Single-file component section
Single-file component section
How it works...
See also
Creating the Messages page of your application
Getting ready
How to do it...
Creating the ChatInput component
Single-file component section
Single-file component section
Creating the Messages layout
Single-file component section
Single-file component section
Changing the application routes
Creating the Messages page
Single-file component section
Single-file component section
How it works...
See also
Transforming Your App into a PWA and Deploying to the Web
Technical requirements
Transforming the application into a PWA
Getting ready
How to do it...
How it works...
See also
Creating the application update notification
Getting ready
How to do it...
How it works...
See also
Adding a custom PWA installation notification on iOS
Getting ready
How to do it...
How it works...
See also
Creating the production environment and deploying
Getting ready
How to do it...
How it works...
See also
Other Books You May Enjoy
Leave a review - let other readers know what you think
← Prev
Back
Next →
← Prev
Back
Next →