Book Image

The Majesty Of Vue.js

By : Alex Kyriakidis, Kostas Maniatis
Book Image

The Majesty Of Vue.js

By: Alex Kyriakidis, Kostas Maniatis

Overview of this book

<p>Vue.js is a library to build interactive web interfaces. The aim is to provide the benefits of reactive data binding and composable view components with an API that is as simple as possible.</p> <p>This book will teach you how to efficiently implement Vue.js in your projects. It starts with the fundamentals of Vue.js to building large-scale applications. You will find out what components, filters, methods, and computed properties are and how to use them to build robust applications.</p> <p>Further on, you will become familiar with ES6, single file components, module bundlers, and workflow automation. The best way to learn to code is to write it, so there’s an exercise at the end of most of the chapters for you to solve and actually test yourself on what you have learned. You can solve these in order to gain a better understanding of Vue.js.</p> <p>By the end of this book, you will be able to create fast front-end applications and increase the performance of your existing projects with Vue.js integration.</p>
Table of Contents (23 chapters)
The Majesty of Vue.js
Credits
About the Authors
www.PacktPub.com
Preface
2
Getting Started
8
Consuming an API – Preface
12
ECMAScript 6
15
Swapping Components
18
Closing Thoughts

Chapter 13. Advanced Workflow

All these ES6 features (and many more) may get you excited, but there is a catch here. As we mentioned before, not all browsers fully support ES6/ES2015 features.

In order to be able to write this new JavaScript syntax today, we need to have a middleman which will take our code and transpile it to Vanilla JS (http://vanilla-js.com/), which every browser understands. This procedure is really important in production, even though you might not think so.

Let me tell you a story. A few years ago, a co-worker of mine began using some cool JS features that weren't fully supported by all browsers. A few days later our users started complaining about some pages of our website not showing correctly, but we couldn't figure out why. We tested it on different PCs, Android phones, iPhones, and many more, and it was 100% functional in all our browsers. Later, he found out that older versions of mobile Safari didn't support his code. Don't be that guy!

As you can see, some times...