Best components for PWA in Vue.js

List of past solutions for Progressive Web Apps development in Vue.Js
09 August

Progressive Web Apps (PWA) was announced by Google in 2015. This format of creating mobile websites attracted attention due to the relative ease of development and almost instantaneous interaction with the user. As early as May 2016, at the Google I / O Developer Conference, The Washington Post demonstrated its mobile hybrid site-application.

PWA is a new and powerful feature in webdevelopment. We've made a research and found out what are the best components for Vue.js PWA.

Vuetify

Vuetify.js is a semantic component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify.js uses Google’s Material Design design pattern, taking cues from other popular frameworks such as Materialize.css, Material Design Lite, Semantic UI and Bootstrap 4. Vuetify.js comes with good documentation and full support component, it’s very easy to learn.

Mint UI

Mint UI is  light-weight Mobile UI elements for Vue.js. When all imported, the compressed code takes only ~30kb (JS + CSS) gzip space. But the documentation is weak side of this app. Also, live examples are in Chinese language.

Vum

Vum is an UI Framework build with Vue.js for mobile webapp. Vum has feature, full page structure(header, content, footer), bunch of powerful components, easy to use and extend, and high performance CSS3 animation. Vum is iOS design based like mint UI, but vum has less components than mint UI.

Vue Material

Vue Material is lightweight framework built exactly according to the Material Design specs. Build powerful and well-designed web apps that can can fit on every screen. Vue material has similarity with angular material components, if you ever used angular material you can easily switch.

Keen UI

Keen UI is designed to be a lightweight Vue.js UI library with a simple API. Keen UI is inspired by Google’s Material Design, but Keen UI is not a CSS framework, and as such you won’t find a grid system or styles for typography in it. Instead, the focus is on creating reusable components that have interactivity.

What PWA components do you use?

What components for Progressive Web Apps development do you prefer? Or maybe you are already using some of them? Please, share your thoughts with the community. Also, after the voting, you will be able to see what people like the most. Your opinion is very valuable for the Hype.Codes team.

What is Truffle?

Small introduction to the most popular Ethereum development framework
11 December

Truffle is a development environment, testing framework and asset pipeline for Ethereum, aiming to make life as an Ethereum developer easier. 

According to the developers, these are main features: 

  • BUILT-IN SMART CONTRACT COMPILATION, LINKING, DEPLOYMENT AND BINARY MANAGEMENT
    • Truffle takes care of managing your contract artifacts so you don’t have to. Includes support for custom deployments, library linking and complex Ethereum applications.
  • AUTOMATED CONTRACT TESTING FOR RAPID DEVELOPMENT
    • Bring your dapp development to the 21st century. Write automated tests for your contracts in both JavaScript and Solidity, and get your contracts developed quickly.
  • SCRIPTABLE DEPLOYMENT & MIGRATIONS FRAMEWORK
    • Write simple, manageable deployment scripts that acknowledge your application will change over time. Foster your dapp’s evolution and ensure you can maintain your contracts far into the future.
  • NETWORK MANAGEMENT FOR DEPLOYING TO BOTH PUBLIC & PRIVATE NETWORKS
    • Don’t manage network artifacts ever again. Let Truffle do it for you, and put your focus on dapp development where it belongs.
  • ACCESS TO HUNDREDS OF EXTERNAL PACKAGES
    • Pull in hundreds of smart contract dependencies from NPM and EthPM to have your code stand on the shoulders of giants.
  • INTERACTIVE CONSOLE FOR DIRECT CONTRACT COMMUNICATION
    • Use Truffle to save time and talk to your contracts via an interactive console, which includes access to all your built contracts and all available Truffle commands.
  • EXTERNAL SCRIPT RUNNER THAT EXECUTES SCRIPTS WITHIN A TRUFFLE ENVIRONMENT
    • Use Truffle to bootstrap your contracts and run a network-aware script, without hassle.
  • BUILT FOR SPEED
    • Whether you’re compiling contracts or running unit tests, Truffle includes clever optimizations to ensure you only compile what you have to and your tests run as quickly as possible. When used along with Ganache, you can develop your dapps quickly and get real code deployed, fast.

Learn more at official website