Vue 3 is a progressive JavaScript framework and the latest version of Vue. It helps developers create approachable, versatile, performant, maintainable, testable codebase.

Image for post
Image for post
Photo by John Schnobrich on Unsplash

The official version of Vue 3 will release in Q3 2020. It is currently in the release candidate stage that means that the APIs, core, structures are stable and able to become a production release unless significant bugs emerge. Therefore, it’s an appropriate time to figure out which programming differences between Vue 3 and Vue 2 and make the necessary adaptation.

Vue 3 does not change absolutely with Vue 2 but when completed rewriting it from Vue 2, some expected upgrades turn into a reality. The expected means that it makes our application smaller, faster, and more powerful.

This article is for those who have experience with Vue 2. …


Collecting and analyzing user behaviour is always a considerable concern of any business because nobody dares to guarantee their mobile application can meet the needs of the end-user.

Image for post
Image for post
Photo by Scott Graham on Unsplash

We need an analysis tool to provide statistics about usage and user engagements with our application which help developers or product managers decide to modify the application when needed. Google provides a solution for this issue called Google Analytics for Firebase.

Google Analytics is a free app measurement solution that provides insight on app usage and user engagement.

Google Analytics for Firebase provides free, unlimited reporting on up to 500 distinct events. The SDK automatically captures certain key events and user properties, and you can define your own custom events to measure the things that uniquely matter to your business. …


Image for post
Image for post

Nowadays, messenger apps are very widespread and everyone uses plenty of popular Chat App such as Facebook Messenger, Whatsapp, Viber, Telegram, and so on. However, the user has many choices to connect to the others, the reasons why many businesses built their own chat apps is because they concerned about security or privacy, and it is needed to manage conversation of their staff or require facilitation without switching many other applications to make conversation.

What is Firebase

Firebase is Google’s mobile platform that helps you quickly develop high-quality apps and grow your business.

Firebase provides a cloud platform that pays for what you use. It means instead of building your own server to store your data, optimize and maintain your hardware, make effort to scale up your system when the number of users has increased, you are able to use Firebase to resolve all of the above issues with reasonable expense. In addition, on this subject matter of Chat App, Firebase offers 2 cloud base databases which are Realtime Database and…


Image for post
Image for post
NuxtJS , NativeScript and Firebase together is amazingly easy to develop.

As a developer, I always keep learning new things by myself to improve my coding skill. So follow along, and you’ll see that you can build a chat app with cross-platform with NuxtJs and NativeScript.

The Essentials

Setup Firebase

Firebase is Google’s mobile application development platform that helps you build, improve, and grow your app.

Create Firebase Project

Going to https://console.firebase.google.com/ and creating a project.

Create Firebase Database

Going to “Database” to left side navigation and create a “Cloud Firestore”. Make sure creating database is “test mode” because it will allow you to read and write to the database without any rule.

Initialize NativeScript

In your terminal wherever you want to create this project, do the…


Image for post
Image for post

Creating your Vue project integrated Openlayer.

This story will introduce how to create Vue project via Vue-Cli and integrate Openlayer.

Create Vue project

Firstly, we need install Vue-Cli in our computer.

npm install -g @vue/cli

After install it, we can create Vue template application. We can start with default application or customize it.

vue create vue-openlayer
cd vue-openlayer

Next, we need install third-party library to use Openalyer javascript library for Vue application.

npm install ol
npm install ol-ext

Create basic map with Openlayer in Vue

Modify App.vue

Explain code, template contain HTML of component.

Image for post
Image for post
template in App.vue

In script, we need to import library of Openlayer for handle map.

Image for post
Image for post
import library to use

Next, we import CSS of Openlayer to…


Image for post
Image for post

Creating your Vue project integrated Arcgis api.

This story will introduce how to create Vue project via Vue-Cli and integrate Arcgis JS.

Create Vue project

Firstly, we need install Vue-Cli in our computer.

npm install -g @vue/cli

After install it, we can create Vue template application. We can start with default application or customize it.

vue create vue-arcgis-map
cd vue-arcgis-map

Arcgis javascript 3.x

We need install third-party library to use Arcgis javascript api for Vue application.

npm install --save esri-loader

To integrate Arcgis javascript 3.x, we have to config main.js.

main.js

Code in App.vue.

The above code is added in order to initiate map using Arcgis JS. …

About

Hoang Minh Bach

Software Engineer, PMP®, PMI-ACP®

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store