Creating a highly reusable VueJS Component library and publishing on NPM using @vue/cli 3.0

Aug 2019

26 Mon

27 Tue

28 Wed

29 Thu

30 Fri 08:50 AM – 05:30 PM IST

31 Sat

1 Sun

Make a submission

Accepting submissions till 12 Aug 2019, 11:59 PM

Bangalore International Centre (BIC), Bangalore

##About JSFoo: VueDay

JSFoo: Vueday is a single track conference about VueJS. The conference will feature talks on:

The present state of the Vue ecosystem; about the future of Vue and how developers can participate.
Case studies of why organizations have picked VueJS over other frameworks; how to build enterprise-scale apps with VueJS.
Leveraging Vue CLI, customising Vue configuration and leveraging other aspects of VueJS for developer productivity.
Web components and Vue; reactivity in Vue; building plugins.

Speakers from Zomato, Myntra, Flock, Zeta Zoomcar, Cloudnaut Technologies and other companies will share their experiences of working with different aspects of VueJS, and how VueJS has aided front-end development in their organizations.

##Who should attend VueDay:

JSFoo: VueDay is a conference for front-end developers who are:

Working with VueJS
Working with Angular, React and other frameworks and components, and are interested in understanding VueJS
Building enterprise-scale apps
Front-end engineering managers who want to understand developer productivity with VueJS

##Event details:

Date: Friday, 30 August
Venue: Bangalore International Centre (BIC), Domlur, Bangalore
Time: 9:00 AM to 6:00 PM

#Sponsors:

Sponsorship slots are open, click here for the Sponsorship Deck.
Email sales@hasgeek.com for bulk ticket purchases, and sponsoring 2019 edition of JSFoo:VueDay.

JSFoo:VueDay 2019 sponsors: #

#Platinum Sponsor

#Exhibition Sponsor

#Community Sponsor

For more details, contact HasGeek on info@hasgeek.com or jsfoo.editorial@hasgeek.com; call 7676332020.

Hosted by

JSFoo

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

All submissions

Previous Next

This submission has been added to the schedule

Creating a highly reusable VueJS Component library and publishing on NPM using @vue/cli 3.0

Submitted May 3, 2019

Section: Tutorial Technical level: Intermediate

This talk is going to be about creating highly reusable components using Vue.js, the good practices one must keep in mind when creating a component library and some design patterns we could use.
The audience will learn how to create their own libraries of extensible components and how easy it is to publish it on NPM to encourage reusability of code.

Outline #

Things to keep in mind while creating components.
The different options available in Vue CLI 3 on creating a component library.
Use cases of different design patterns.
Publishing on NPM.
Example usage of library component that we created.

This is an old article that might expand upon the content. I will be coming up with more content after reading the new features that have been added in the documentation.

Requirements #

Laptop with Node and NPM installed, internet.

Speaker bio #

I am Divyam Rastogi, a Frontend Developer at Flock. I have about six years of experience in Frontend development, and I’ve worked upon a variety of JS frameworks like Backbone, AngularJS, Angular, React and Vue. I’m a Vue fanboy and don’t shy away from admitting it.

Profile: https://javascriptbit.com/profile/