Jakub Krupka - Úvod do Vue.js
Chtěli jste se naučit React, ale připadá vám příliš složitý a odlišný od běžně psaného Javascriptu na frontendu? Pak se vám možná bude líbit Vue, mladá knihovna pro renderování reaktivních UI.
Přestaňte řešit DOM, a začněte se starat o model, metody a komponenty. Vue je ideální pro psaní větších single-page aplikací, stejně tak i pro psaní malých zapouzdřených komponent.
Ukážeme si následující:
- jak co nejrychleji začít s Vue
- data-binding, atributy a props
- event listenery
- metody, computed properties
- Vue devtools
- komponenty, jejich kompozice a lifecycle
- předávání dat pomocí props a global events
- sloty
- webpack a vue-cli, single-file komponenty, hot reloading
- ajax pomocí Axios
- formuláře
- pokud bude čas, nakousneme: vue-router, sdílený state pomocí Vuex, code-splitting
Vše si ukážeme na praktických příkladech, postupně vytvoříme malou SPA aplikaci.
Budeme psát v ES6, takže pokud neznáte, doporučuju si projít minimálně arrow functions, method definitions, destructuring, template literals (https://github.com/lukehoban/es6features).
Jakub o sobě: Jsem UI/UX developer a frontend competence leader ve společnosti Inventi. Pracoval jsem na velkých projektech např. pro ČSOB, Global Payments, Raiffeisen Bank nebo na startupech Angelcam, Tuddy Tuddy, Mámvybráno.cz
cheatsheet: https://vuejs-tips.github.io/cheatsheet/ Laracasts tutorial: https://laracasts.com/series/learn-vue-2-step-by-step Bulma: https://bulma.io/ (edited)
https://github.com/pehapkari/livestream/tree/master/2017-10-24-vue-js