Thursday, January 26, 2017

Vuejs components catalogues

Every library that's going big deserves a plugins/tools/components listing. You know probably for Angular or for react folks, right?
I've collected the ones on Vue.js below:
For searching - 4 of 5, live search that provides all package detals repository stats
If you want to add a plugin it's even easier - website uses Github API so you just pick the relevant repos from you accounts(s). aims to offer latest free Vue.js components for web application developers. Compare to totally automated previous item, this was slightly more catalogue-like UI and some personal touch - about, contact us etc.

Large portal all about Vue.js. Has a rich plugins section also take a look at UI components there.
Semi-official hand crafted awesome list all what's cool in vue.js ecosystem.

Do you know any other popular listings of vue-related plugins and tools?
Let me know in the comment or in twitter @legkoletat!


Thursday, January 19, 2017

vue.js essential community links

When staring with using new technology or library you first have to clarify the basic concepts. When you master whose you're diving into practice and then it's always handy to see what's you colleagues do or do in is similar cases. Below are some links on the community activities that a starter could follow to better master Vue.js:

Tuesday, January 10, 2017

vue.js plugins

Recently I've spent some time with vue.js framework. I've been tweeting about it a lot, plus developed several small functional plugins/app for it.

vue.js content scroll progress plugin

Top bar indicating amount of content scrolled
Install: npm install vue-content-scroll-progress --save

vue.js lorem ipsum

Lorem ipsum text generator component for vue.js
Install: npm install vue-lorem-ipsum --save

vue.js sound player

HTML5 <audio> tag sound player UI for Vue.js v2

Install: npm install vue-audio --save

vue.js CRUD app

Demo app with router

Sunday, December 25, 2016

Strategy and Factory patterns in Typescript

I've recently read the dzone article Design Patterns: The Strategy and Factory Patterns which gives clean example of how design patterns such as Strategy and Factory patterns can improve code structure in every day programming tasks.
I've converted the JAVA syntax used in the article to Typescript, to see how close are the language constructs in those two. Here's the gist with the code:

Sunday, December 4, 2016

React, Redux architecture notes

After some discovering of the React JS (and Redux of course) as a way to build modern web apps, I've collected some keynotes that could have helped the newbie to start off faster.

Monday, November 7, 2016

modern webapp starter packages - typescript, es6, redux etc.

Recently I've created couple of starter repositories with configured modern client-side stack. Main goal was to avoid using major frameworks (like Angular or React) built in but to have the best tooling which goes together with them. It was mostly for personal use and training skills. Hopefully it may save you some time - because, you know, cutting off boilerplate code is less efficient than starting with a small and clean project customising it for you purposes later.

contains webpack powered app using Redux (with no React) and set of libraries for data handling and routing. On a UI side there's a material design library attached + LESS configured.

Typescript (without Angular) with systemjs built application.

In addition - yet another react starter kit but not overloaded with all kinds of plugins and best practices examples. Clean and really simple to bootstrap.