Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Hot Module Replacement

Presentation with GitHub code example of ES6 modules, Webpack, Vue, Vuex, and Hot Module Replacement.

  • Inicia sesión para ver los comentarios

Hot Module Replacement

  1. 1. HOT MODULE REPLACEMENT Anze Znidarsic, Flycom d.o.o.
  2. 2. WHAT DO WE DO? more: http://www.flycom.si/software-solutions/
  3. 3. WHO USES MODULES? ES6, COMMONJS,AMD
  4. 4. WHO USES WEBPACK? http://webpack.github.io/
  5. 5. HOW DID WE GET HERE? • Let’s useVueJS • We have complex app, let’s bring inVuex - 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 :)
  6. 6. HOT MODULE REPLACEMENT • HMR exchanges, adds, or removes modules without a page reload
  7. 7. LET’S SEE IT IN PRACTICE https://github.com/anzeznidarsic/es6-modules-webpack-hmr- example
  8. 8. WHAT ABOUTVUE,VUEX…?
  9. 9. LET’S SEE IT IN PRACTICE https://github.com/anzeznidarsic/es6-webpack-vue-vuex-hmr- example
  10. 10. BUT WE USE LARAVEL, HTTPS, VAGRANT, ETC.
  11. 11. 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
  12. 12. work related: anze@flycom.si other: a@anze.com Thank you link to slides will be posted on: twitter.com/anzeznidarsic

×