Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
🔎🖖OverVue
Search
Ignacio Anaya
March 22, 2018
Programming
0
67
🔎🖖OverVue
Una recorrida por Vue.js, su historia, comunidad, funcionalidades y todo su ecosistema.
Ignacio Anaya
March 22, 2018
Tweet
Share
More Decks by Ignacio Anaya
See All by Ignacio Anaya
Security is not a feature‼️
ianaya89
2
490
Rompiendo Paradigmas Otra Vuez! 🔨📜3️⃣
ianaya89
0
140
Security is not a feature!
ianaya89
1
350
What's next in Vue 3? 🖖 3️⃣
ianaya89
0
120
What's next in Vue 3? 🖖 3️⃣
ianaya89
0
280
Vue.js, PWA & The Subway Dilemma
ianaya89
0
190
PWA with PWF
ianaya89
0
69
Decentralizing the Web with JavaScript
ianaya89
0
140
hey-devs-time-to-care-about-web-apps-security.pdf
ianaya89
0
110
Other Decks in Programming
See All in Programming
VS Code Update for GitHub Copilot
74th
2
640
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
770
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
880
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
12
4.4k
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
800
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
120
生成AI時代のコンポーネントライブラリの作り方
touyou
1
210
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
250
Result型で“失敗”を型にするPHPコードの書き方
kajitack
5
650
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
120
AI時代のソフトウェア開発を考える(2025/07版) / Agentic Software Engineering Findy 2025-07 Edition
twada
PRO
86
28k
XP, Testing and ninja testing
m_seki
3
240
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Optimizing for Happiness
mojombo
379
70k
BBQ
matthewcrist
89
9.7k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
We Have a Design System, Now What?
morganepeng
53
7.7k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
820
How STYLIGHT went responsive
nonsquared
100
5.6k
Transcript
!" OverVue @ianaya89 ! " OverVue - @ianaya89 1
! Ignacio Anaya @ianaya89 • Full Stack Developer, Tech Trainer
& Speaker • @Auth0 Ambassador • Organizador @Vuenos_Aires ! " OverVue - @ianaya89 2
! Si, otro Framework MV* ! " OverVue - @ianaya89
3
! " OverVue - @ianaya89 4
! " OverVue - @ianaya89 5
! " OverVue - @ianaya89 6
! v2.5.16 ! " OverVue - @ianaya89 7
⬇ ~375K / semanales ! " OverVue - @ianaya89 8
⭐ ~ 87K ! " OverVue - @ianaya89 9
!" ~ 410K ! " OverVue - @ianaya89 10
! 82 Repositorios ! " OverVue - @ianaya89 11
! Empresas ! " OverVue - @ianaya89 12
! Comunidad ! " OverVue - @ianaya89 13
! Filosofia Vue.js ! " OverVue - @ianaya89 14
! Complejidad Inherente vs. Instrumental ! " OverVue - @ianaya89
15
! Inherente El Proyecto ! " OverVue - @ianaya89 16
! Instrumental El Precio ! " OverVue - @ianaya89 17
! ! ! " OverVue - @ianaya89 18
❌ ! ! ! " OverVue - @ianaya89 19
✅ ! ! ! " OverVue - @ianaya89 20
! El Framework Progresivo • Vista • Core • VDOM
• Reac0vo • Web Components ! " OverVue - @ianaya89 21
! " OverVue - @ianaya89 22
! Declara(ve Rendering ! " OverVue - @ianaya89 23
!" <script src="https://unpkg.com/vue"></script> <div id="app"> {{ hello }} </div> <script>
new Vue({ el: '#app', data: function () { return { hello: 'Hola @PHPBaires!' } } }); </script> ! " OverVue - @ianaya89 24
!" <script src="https://unpkg.com/vue"></script> <div id="app"> {{ hello }} </div> <script>
new Vue({ el: '#app', data: function () { return { hello: 'Hola @PHPBaires!' } } }); </script> ! " OverVue - @ianaya89 25
! render() new Vue({ el: '#app', data: function () {
return { hello: 'Hola @PHPBaires!' } } render: function () { return ( <h1>{this.hello}</h1> ) } }) ! " OverVue - @ianaya89 26
! Demo ! " OverVue - @ianaya89 27
! Component System ! " OverVue - @ianaya89 28
! Seman'ca <main> <top-bar></top-bar> <container> <login-form></login-form> </container> <annoying-banners></annoying-banners> <bottom-bar></bottom-bar> </main>
! " OverVue - @ianaya89 29
! .vue ! " OverVue - @ianaya89 30
♻ Life Cycle Hooks new Vue({ created: function () {
console.log('I am alive ') }, mounted: function () { console.log('I am mounted ') }, }); ! " OverVue - @ianaya89 31
♻ Life Cycle Hooks new Vue({ created: function () {
console.log('I am alive ') }, mounted: function () { console.log('I am mounted ') }, }); ! " OverVue - @ianaya89 32
☎ Comunicación • ⬇ Propiedades Abajo • ⬆ Eventos Arriba
! " OverVue - @ianaya89 33
! DX ! " OverVue - @ianaya89 34
! vue-cli ! " OverVue - @ianaya89 35
⚙ Dev Tools ! " OverVue - @ianaya89 36
! Demo II ! " OverVue - @ianaya89 37
! vue-router Single Page Applica-ons ! " OverVue - @ianaya89
38
! vuex State Management (Flux) ! " OverVue - @ianaya89
39
! vue-authen*cate & vue-auth Authen'ca'on & JTW ! " OverVue
- @ianaya89 40
! Na$ve & Nuxt.js Server Side Rendering ! " OverVue
- @ianaya89 41
! Na$ve Script & Weex Mobile Na*ve Rendering ! "
OverVue - @ianaya89 42
! Take Away • ! Progresivo (Simple y Complejo) •
" Declara7ve Rendering • # Component System • $ Ecosistema Completo • % Gran Community ! " OverVue - @ianaya89 43
! " OverVue - @ianaya89 44
! Workshop Vue.js ! github.com/ianaya89/workshop-vuejs ! " OverVue - @ianaya89
45
! " OverVue - @ianaya89 46
! Vuenos Aires ! vuenosair.es ! " OverVue - @ianaya89
47
Gracias! @ianaya89 ! " OverVue - @ianaya89 48
⁉ Preguntas? ! " OverVue - @ianaya89 49
! Links bit.ly/ln-vue bit.ly/ln-demo bit.ly/ln-demo2 ! " OverVue - @ianaya89
50