UN
NOUVEAU
POINT DE
Conférence
#framework
#front-end
V U E
Présenté par
Michel EDIGHOFFER
Yannick Milanetto
Proposé par
Vraiment nouveau ?
FRAMEWORK JAVASCRIPT
Librairie / framework front-end
Philosophie Data-Driven
Virtual DOM
Evan You crée Vue seul, et sa nouvelle communauté l'a poussé à quitter Google.
Aujourd'hui,
reconnu par des grands
https://stackshare.io/vue-js
Que propose Vue ?
- Une librairie architecturale pour le front-end
-
Simple et complet !
- Léger et progressif !
- Petit mais puissant !
- Innovant et documenté
Une librairie architecturale
Léger et pro
Rendu déclaratif
vue
Composants
applicatifs
Routage des vues
vue-router
Gestionnaire d'état
vuex
Server-Side Rendering
Progressive Web App
Dev Env. facilities
nuxt
Native
native-script-vue
JSX support
babel-plugin-transform-vue-jsx
...
CLI puissant
@vue/cli
...
Internationalisation
vue-i18n
My Business Plugin
my-business-plugin
gressif
ooo
gressif
Simple
et complet
- Instanciation
Par raccrochage direct ou différé au DOM
- Compilation du template
& affichage de la vue
- En attente de changement
DOM virtuel
- Destruction
Petit mais puissant
Vue.use(MyPlugin);
Vue.component('myCustomComponent', {
data: {},
template: `<h1>hello</h1>`,
// The next attribute is an optional attribute
// which provides the ability to handle any
// specific action/mutation defined by the plugin
myPluginAddon: { /* my plugin logic addon */ }
}Vue.use(Vuex);
// .. Store initialization .. //
Vue.component('myCustomComponent', {
created: {
// $store attribute is an addon by Vuex
// which permits to interact with store
// without any dependency
this.$store.dispatch('myCustomAction')
}
}Progressif a-t-on dit !
Innovant : 3 en 1
Innovant : très bonne doc
Innovant : Dev Tools
Pour aller plus loin :
vueschool.io
vuemastery.com
vuejs.org
Participez à la Vue Contributor Days le 6 juin prochain
www.contributordays.com/contributor-days/vue
A vue js introduce
By Michel EDIGHOFFER
