JSFoo: VueDay 2019

A day spent discussing Vue.js, developments in the Vue ecosystem and component architecture

Tickets

Building plugins for Vue and Vuex

Submitted by Arnav Gupta (@championswimmer) on Saturday, 3 August 2019

Technical level: Intermediate Section: Crisp talk (20 mins)

View proposal in schedule

Abstract

Having built two popular Vuex plugins (vuex-module-decorators and vuex-persist), I figured there are often pieces of our app that we reuse over and over again, and building a plugin for Vue or Vuex is idea for such situations. We will take a quick look at what are the steps respectively to build a plugin for Vue itself, or it’s data library Vuex.

Outline

  • What are plugins ?
  • How are they used (Vue) ?
  • How are they used (Vuex) ?
  • Wiring up your own plugin (Vue)
  • Wiring up you own plugin (Vuex)
  • When to make a plugin vs simple npm module

Requirements

  • Basic understanding of Vue and Vuex
  • Having worked on at least one Vue project

Speaker bio

Arnav currently leads the Mobile Platform team at Zomato which keeps the app lean, fit and stable. He also is the co-founder of Coding Blocks, a software bootcamp where he mentors people in Android, NodeJS and Vue. He has been a long time contributor to multiple open source projects including the Android OS, EmberJS, Vuex and LineageOS.

Comments

  • Chirag Jain (@chiragj) 19 days ago

    Hi Arnav,

    Thanks for submitting this proposal. The topic is reallly interesting and we think the audience will like the talk.
    We need to see detailed slides and a preview video to evaluate your proposal. Your slides must cover the following::

    • What other approaches did you try before creating a plugin and why did you settled on the plugin approach (a case study).
    • Plugin Architecture and tradeoffs for performance / maintainance etc
    • Key takeaway (preferably also useful for folks who don’t use Vue)
    • Example(s) of a small refactor to extract a plugin out of a codebase to show the process.

    Thanks, looking forward to see this talk 😁

  • Abhishek Balaji (@booleanbalaji) Reviewer 5 days ago

    Hi Arnav,

    Thanks for taking the time out for the rehearsal. Here’s the feedback from the call:

    • Try adding a comparison between vue, vuex, vue cli plugins and what they can do broadly
    • Go more in depth when talking about what plugins can do. Here, have some examples of a plugin and break down the underlying process of how it’s being implemented
    • The need of a plugin is not clear. Why should someone use a plugin and where does it fit in?
    • Structure your talk in a way that you build up from vue to vue cli plugins
    • Along with the three examples added, add a visual cue on what these plugins should do
    • In the distribution section, there’s a lot of jargon added. Explain these for the benefit of the audience.
    • Start off with a story to get the audience engaged with plugins in Vue
    • Keep the scenarios where plugins should not be used. This is very useful
    • Reduce the text content on the slides a bit more and make the points smaller

    Please send in your revised slides with updated content by 23 August.

Login with Twitter or Google to leave a comment