JSFoo: VueDay 2019

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

Building Scalable & Reusable Vue Web Apps for Multiple Instances

Submitted by Prateek Jaiswal (@prateek-jaiswal) on Aug 8, 2019

Section: Full talk (40 mins) Technical level: Intermediate Section: Crisp talk (20 mins) Technical level: Intermediate Status: Confirmed & Scheduled

Abstract

We’ll see how to efficiently build a Web App to serve different countries having varying changes. Utilising Vue’s feature to architect such Scalable & Reusable Web App.

Outline

In this talk, I’ll share how I used Vue’s feature to develop a highly scalable and reusable Web App. We’ll take an example of a web app which need to scale to multiple countries.

  • Following DRY (Don’t repeat yourself) approach with Vue Mixins
  • Maintaining SoC (Separation of concerns) with Vue’s component architecture
  • Rendering Vue components with Dynamic imports
  • Building country wise components with Webpack
  • Using SCSS with Vue to scale style
  • Bonus: Enabling Internationalization

Speaker bio

Frontend Developer at Zeta. I have 4+ years of experience building cutting edge web apps. Founded DoorStepAll.com. Winner of 12th Plan Hackathon at IIT Delhi. Prateekjaiswal.in

Links

Slides

https://drive.google.com/file/d/17IS4ZtjV0aSYE35QCMh1nQbCSOZEhLPe/view

Comments

{{ errorMsg }}

You need to be a participant to comment.

Login to leave a comment