Book Image

Vue.js 2 Design Patterns and Best Practices

By : Paul Halliday
Book Image

Vue.js 2 Design Patterns and Best Practices

By: Paul Halliday

Overview of this book

Vue.js 2 Design Patterns and Best Practices starts by comparing Vue.js with other frameworks and setting up the development environment for your application, and gradually moves on to writing and styling clean, maintainable, and reusable Vue.js components that can be used across your application. Further on, you'll look at common UI patterns, Vue form submission, and various modifiers such as lazy binding, number typecasting, and string trimming to create better UIs. You will also explore best practices for integrating HTTP into Vue.js applications to create an application with dynamic data. Routing is a vitally important part of any SPA, so you will focus on the vue-router and explore routing a user between multiple pages. Next, you'll also explore state management with Vuex, write testable code for your application, and create performant, server-side rendered applications with Nuxt. Toward the end, we'll look at common antipatterns to avoid, saving you from a lot of trial and error and development headaches. By the end of this book, you'll be on your way to becoming an expert Vue developer who can leverage design patterns to efficiently architect the design of your application and write clean and maintainable code.

Related Content you might be interested in

Current Title:

Small book image
Vue.js 2 Design Patterns and Best Practices
Paul Halliday
Mar, 2018 | 344 pages
Small book image
Vue.js: Understanding its Tools and Ecosystem
Dave Berning
Nov, 2019 | 194 pages
Small book image
Vue.js 2 Cookbook
Andrea Passaglia
Apr, 2017 | 454 pages
Small book image
Vue.js Quick Start Guide
Ajdin Imsirovic
Oct, 2018 | 186 pages
Table of Contents (19 chapters)
Title Page
Title Page
Copyright and Credits
Copyright and Credits
Packt Upsell
Packt Upsell
Contributors
Contributors
Preface
Preface
Free Chapter
1
Vue.js Principles and Comparisons
Vue.js Principles and Comparisons
Prerequisites
How Vue.js compares
Summary
2
Proper Creation of Vue Projects
Proper Creation of Vue Projects
Visual Studio Code extensions
Vue CLI
VueJS devtools
TypeScript and Vue
RxJS and Vue
Summary
3
Writing Clean and Lean Code with Vue
Writing Clean and Lean Code with Vue
Proxying
Data properties
Computed properties
Watched properties
Lifecycle hooks
Vue.js and the Virtual DOM
Summary
4
Vue.js Directives
Vue.js Directives
Model
Iteration with v-for
Bindings
DOM events and v-on
Conditionally showing DOM elements
Filters
Summary
5
Secured Communication with Vue.js Components
Secured Communication with Vue.js Components
Your first Vue component
Component communication
Event Bus
Slots
Summary
6
Creating Better UI
Creating Better UI
Animations
CSS animations
Transitions
Form validation
Render/functional components
Summary
7
HTTP and WebSocket Communication
HTTP and WebSocket Communication
HTTP
Real-time chat application with Node and Socket.io
Summary
8
Vue Router Patterns
Vue Router Patterns
Single Page Applications
Using the router
An SPA project
Summary
9
State Management with Vuex
State Management with Vuex
What is Vuex?
Using Vuex
Vuex and Vue devtools
Modules and scalability
Summary
10
Testing Vue.js Applications
Testing Vue.js Applications
Why testing?
Unit testing
Using Wallaby.js for a better testing experience
Summary
11
Optimization
Optimization
Progressive Web Applications (PWAs)
Firebase deployment
Continuous Integration (CI)
Service worker
Summary
12
Server-Side Rendering with Nuxt
Server-Side Rendering with Nuxt
Nuxt
Summary
13
Patterns
Patterns
Components
Summary
Index
Index

Copyright and Credits

Vue.js 2 Design Patterns and Best Practices

Copyright © 2018 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author nor Packt Publishing or its dealers and distributors will be held liable for any damages caused or alleged to have been caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

Commissioning Editor: Kunal ChaudhariAcquisition Editor: Shweta PantContent Development Editor: Flavian VazTechnical Editor: Diksha WakodeCopy Editor: Safis EditingProject Coordinator: Devanshi DoshiProofreader: Safis EditingIndexer: Aishwarya GangawaneGraphics: Jason MonteiroProduction Coordinator: Shraddha Falebhai

First published: March 2018

Production reference: 1080318

Published by Packt Publishing Ltd. Livery Place 35 Livery Street Birmingham B3 2PB, UK.

ISBN 978-1-78883-979-2

www.packtpub.com

 

Previous Section
Next Chapter