Vuethereum: The Vue library Ethereum deserves

Vuethereum: The Vue library Ethereum deserves

<br>


An easy Vue.js Component Library for Ethereum Decentralized Applications (Dapps).

Developing blockchain applications for Ethereum (or Dapps) is a roller coaster of emotional ups and downs for developers. The potential decentralization offers is exciting, but the ecosystem is still feeling it’s growing pains as there are still barriers to user adoption and development. As a result, building the frontend for Dapps can be a painful process for developers…until today. The Matryx Team (www.matryx.ai) has been working on easier ways of creating a Vue.js based frontend for Dapps supporting Ethereum Smart Contracts.


Introducing Vuethereum

Vuethereum is a collection of Vue.js components for interfacing with Ethereum’s Web3. As a result, it combines the power of working with Web3 smart contracts, with the simplicity of developing with Vue.js.

Getting started

Simply install the library via NPM:


npm install vuethereum

Then include it in your project:

// main.js
import Vue from 'vue'
import Vuethereum from ‘vuethereum’
Vue.use(Vuethereum)
// the rest of your main.js file


What does it include?

At the time of writing, Vuethereum includes four components:


  • vth-blockie: For depicting a string as an Ethereum Blockie.
  • vth-contract: Instantiates a smart contract from a provided ABI and Address.
  • vth-status: A component that provides Web3 details for the current environment.
  • vth-tx: Provides details about a transaction and updates whenever it is mined.

With these tools in place, we can build a complex UI’s that can check if Web3 is available, access the user’s address and network, provide a smart contract to interface with, and finally, show the details from any transaction. Cool!

Links:


vue-js solidity blockchain

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Top Vue.js Developers in USA

Vue.js is an extensively popular JavaScript framework with which you can create powerful as well as interactive interfaces. Vue.js is the best framework when it comes to building a single web and mobile apps.

Building a UI for a Substrate Blockchain using Vue.JS

Substrate UI with Vue and Subsocial. At this week's seminar we see a live demo of building a UI for a Substrate chain using Vue.JS.

10 Best Vue Icon Component For Your Vue.js App

In this article, I will collect 10 Vue icon component to bring more interactivity, better UI design to your Vue application.

Collection of 10 Vue Markdown Component for Vue.js App in 2020

Markdown is a way to style text on the web. The 10 Vue markdown components below will give you a clear view.

Collection of 15 Vue Input Component for Your Vue.js App

Vue input component gives you a baseline to create your own custom inputs. It consists of a prepend/append slot, messages, and a default slot. In this article I will share 15 Vue input components to you.