JSFoo: VueDay 2019

When building ambitious single page applications, it is apt to leverage Vue’s official CLI for quick scaffolding and other useful tools. Vue calls it a “batteries-included build setups for a modern frontend workflow”.

This talk will focus on what this modern frontend workflow has to offer and the ways to configure it.

Outline

In this talk, we’ll be taking a closer look at webpack and vue-loader, 2 tools from the Vue CLI’s tooling ecosystem.

Some of the key points to be covered in this talk:

• The need for Vue CLI
• Trade-offs
• Tweaking webpack config
• Vue Loader
• Handling assets and pre-processors
• Scoped CSS
• CSS Modules
• Functional Components
• Hot reload
• Linting
• More features

Requirements

• Vue.js basics
• Interest in building large Vue.js apps
• Familiarity with build tools and loaders is a plus

Speaker bio

I am Hemant Rai, full stack JS developer and front end lead at Cloudnaut Technologies. During my 8 years as a developer I’ve worked across the dev stack and have been focusing on the front-end for more than 4 years. I started as a PHP developer working mostly on the back-end but switched to the JS stack around 4 years ago. On the front-end, I started with AngularJS and have been building Vue.js apps for more than 3 years.

Links

• https://hasgeek.com/jsfoo/2019-pune/proposals/the-vuetiful-journey-from-angularjs-to-vue-migrati-viQja9N7G6auVWkLniFFgD

Slides

https://docs.google.com/presentation/d/1B2ZgStEd5tsHc8d86jmxle-c2F-RmDRVbxx2Gbri1rs/edit?usp=sharing