Subscribe to my email list now at http://jauyeung.net/subscribe/
Follow me on Twitter at https://twitter.com/AuMayeung
Many more articles at https://medium.com/@hohanga
Even more articles at http://thewebdev.info/
In this article, we’ll look at the top libraries, frameworks, and full programs on Github we can potentially use now or later.
Vue.js is no question one of the best front end frameworks for creating new front end apps or enhancing existing ones.
It’s progressive so it can be included in a script along with other Vue libraries that can also be added with script tags.
Also, we can make new apps with the Vue CLI, which has lots of tools for us to create our app and build them the way we want to.
The ecosystem of libraries and users using it to build their apps is increasing regularly.
It runs on Windows, macOS, or Linux.
A simple admin template for Vue.js that we can add to our apps. We can just clone this into our system and start customizing to our own needed.
Methods included include array methods like
flat . Also, array-like objects like sets and maps are included with this library.
It also includes its own polyfill for promises.
However, polyfills are slower than the standard library that’s built into browsers themselves, so we should use this only if our app is target browsers that don’t have these features.
The repository has lightweight components that are made to work with Vue.js apps.
It supports babel-plugin-import, custom theming, internationalization, TypeScript, and server-side rendering.
According to the documentation, there are lots of components available, including slides, buttons, cell,s icons, images, layout containers, sliders, radio, pickers and more.
Vuex is the preferred state management solution for Vue apps. It lets us create a central data store for our Vue app so that we can share data between any component.
This is important since it makes sharing data between components a lot cleaner than passing them all with props.
It’s in active development so that we can be sure that new features and fixes will be added.
It’s also not very hard to learn, so we may want to use it to create our apps.
Because of that, it’s also a cross-platform program. We can use it with Windows, Linux or macOS.
It also has various plugins made for it to extend its functionality.
There’re extensions for opening extra tabs with the same directory as the current tab.
Also, there’s one to add search and another one to add better navigation with keyboard shortcuts.
Next.js is a framework that’s based on React, which lets us create static sites and server-side rendered front ends with ease.
It has many features that React doesn’t have like data fetching, serving static files, routing and much more.
To make creating a new Next.js project easy, there’s a CLI program made for it.
eslint-plugin-unicorn is an ESLint plugin that adds many more rules to ESLint to enhance its linting capabilities.
By default, ESLint has lots of rules, but they may not be suitable for all environments. So this plugin gives us another choice on the linting rules that we want to use.
We can build front ends with Next, Vue, and Ember.
PDF.js lets us add a PDF viewer widget to our page with ease.