JSFoo: VueDay 2019

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

Up next

Webpack + Vue Loader : Recipe for supercharged Vue

HR

Hemant Rai

@hemantisme

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

Slides

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

Comments