HOT MODULE REPLACEMENTAnze Znidarsic, Flycom d.o.o.

WHAT DO WE DO?

more: http://www.flycom.si/software-solutions/

WHO USES MODULES?ES6, COMMONJS, AMD

WHO USES WEBPACK?

http://webpack.github.io/

HOW DID WE GET HERE?• Let’s use VueJS

• We have complex app, let’s bring in Vuex - state management

• Why do we have Bower? Let’s kick it out and use only NPM

• We should use modules and not global objects. Let’s refactor to modules

• Let’s replace Gulp with Webpack and NPM scripts only

• Finally we can have proper HMR :)

HOT MODULE REPLACEMENT

• HMR exchanges, adds, or removes modules without a page reload

LET’S SEE IT IN PRACTICEhttps://github.com/anzeznidarsic/es6-modules-webpack-hmr-

example

WHAT ABOUT VUE, VUEX…?

LET’S SEE IT IN PRACTICEhttps://github.com/anzeznidarsic/es6-webpack-vue-vuex-hmr-

example

BUT WE USE LARAVEL, HTTPS, VAGRANT, ETC.

READING• https://webpack.github.io/docs/webpack-dev-

server.html#hot-module-replacement

• https://medium.com/@rajaraodv/webpack-hot-module-replacement-hmr-e756a726a07

• http://vuejs.org/guide/

• http://vuex.vuejs.org/en/index.html

work related: anze@flycom.siother: a@anze.com

Thank you

link to slides will be posted on: twitter.com/anzeznidarsic