With the release of vue-next v3.0.0-beta.1 in April 2020, as of today, Vue has reached an official v3.0 release — One Piece. As a fellow Vue junkie, I am feeling the same excitement as any other frontend devs because of the new features and enhancements this would bring. However, that brings the question: “how to upgrade my existing Vue 2 projects to Vue 3?”.

Vue 3.0 “One Piece”

Taking a look at the release notes, we see that Vue 3 brings changes to the core library as well as the Vue ecosystem:

Recently I’ve come across a task to design a recommendation feed for an article collection web app. The app helps user collect article snippets and allows users to like certain snippets from other users that appear in the feed.

A newsfeed… Sounds familar? This design pattern is actually seen in social networks like Facebook or Twitter. Why don’t we take a look at how these recommendation algorithms work, and then devise our own?

Facebook’s Algorithm

In Facebook, the newsfeed would show the most recommended posts based on inventory, signals and predictions (https://tinuiti.com/blog/paid-social/facebook-algorithm/).

One of the first tutorials you come across when learning a new programming language is to build a Todo App. While some think it is reinventing the wheel to build one, one can get a grasp of how the framework/libraries work.

Here is the final working product: https://wavelet-todo.surge.sh in case you are in a rush :)

This tutorial adds a bit of twist to the normal Todo App by making it decentralized on the Wavelet blockchain, as a decentralized app (Dapp).


Why, you might ask, do I have to build a Dapp and store data on the blockchain, when I…

Jonathan Ma

NodeJS | VueJS | Blockchain | Open Data

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