Mapbox GL is a suite of open-source libraries for embedding customizable and responsive client-side maps in web, mobile, and desktop applications. Mapbox GL maps render at a high frame rate. The abbreviation “GL” comes from OpenGL, the industry-standard Open Graphics Library. Mapbox GL allows you to use custom styles designed in Mapbox Studio. You can also manipulate every aspect of …
Yup
Yup is a JavaScript schema builder for value parsing and validation. Define a schema, transform a value to match, validate the shape of an existing value, or both. Yup schema are extremely expressive and allow modeling complex, interdependent validations, or value transformations. Yup’s API is heavily inspired by Joi, but leaner and built with client-side validation …
TypeORM
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8). Its goal is to always support the latest JavaScript features and provide additional features that help you to develop any kind of application that uses …
Using Vue-multiselect
Features Single / multiple select Dropdowns Searchable Tagging Server-side rendering support Vuex support by default Ajax support Fully configurable How to use Documentation https://vue-multiselect.js.org/
Metadata for SPAs
Have you ever consider Metadata in SPAs? Without metadata, we weaken our ability to demonstrate relevance to search engines. That, in turn, lowers our rankings and reduces the number of consumers to our sites(ecommerce, social). Metadata is a series of micro-communications between site and search engines. Nearly all metadata is invisible to visitors. It lives …
Handsontable
Handsontable is a JavaScript/HTML5 data grid component with spreadsheet look & feel.It provides easy data binding, data validation, filtering, sorting and CRUD operations. Handsontable works with Vue, React and Angular. https://www.npmjs.com/package/handsontable
Vue il8n Multilingual Package
Vue I18n is internationalization plugin of Vue.js. It easily integrates some localization features to your Vue.js Application. https://unpkg.com/vue-i18n/dist/vue-i18n unpkg.com provides NPM-based CDN links. The above link will always point to the latest release on NPM. You can also use a specific version/tag via URLs like https://unpkg.com/vue-i18n@8.14.0/dist/vue-i18n.js Include vue-i18n after Vue and it will install itself automatically: NPM …
Material Design for Bootstrap
The world’s most popular framework for building responsive, mobile-first websites and apps.It provides Angular, React, Vue and jQuery versions. https://mdbootstrap.com/
Vue cli ui interface
You can create and manage projects using a graphical interface with the vue ui command.This command is still beta as the time of writing, but this provides very convenient graphical ui to manage vue based projects, like: add dependency, run dev server, build, analyze bundle size etc. https://cli.vuejs.org/guide/creating-a-project.html#vue-create
Implement security code input form in VueJS
Sometimes we need to add a special form to input the security code using individual input fields. The security code form on Linkedin is one of the example. We can use the following library when we need to implement it in Vue.js projects. https://github.com/ofcold/security-code