Vue.js
Recent Trends
Tokyo Node Academy #20
2016-04-05
@kazupon
(updated: 2016-04-07)
Slide 2
Slide 2 text
Who are you?
• GitHub: kazupon
• Twitter: kazu_pon
• Company: CUUSOO SYSTEM
• Position: CTO (Full-Stack)
Slide 3
Slide 3 text
OSS Contributions
• Vue.js organization (vuejs team)
• Vue.js official site for Japanese
• Vue.js plugins
• vue-validator
• vue-i18n
• Maintenance and Translate Vue.js
official repositories
Slide 4
Slide 4 text
Introduction
Slide 5
Slide 5 text
Introduction
Slide 6
Slide 6 text
To Speak Today
• 2015, Vue.js became rapidly popular
• 2016, it has been further growth,
Recently, Vue.js organization changed
• Today, I speak about the recent trends
while looking back the past history of
Vue.js
0.11: Cowboy Bebop
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
Re-Implementation
from Full
Scratch!!
Slide 51
Slide 51 text
Nov 2014
Slide 52
Slide 52 text
Join to Meteor!!
https://www.linkedin.com/in/evanyou
Slide 53
Slide 53 text
2015
Slide 54
Slide 54 text
Jan 28 2015
Slide 55
Slide 55 text
Vue.js Meetup In Japan
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Organized the
small meetup!!
http://connpass.com/event/10862/
Slide 56
Slide 56 text
Jan 30 2015
Slide 57
Slide 57 text
Joined to Vue.js organization
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
As maintainer of vuejs/vue-validator
https://github.com/vuejs/vue-validator/pull/1
Meetup
in JP
Adoption in the Laravel Community
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel author
adopted the
Vue.js!!
https://twitter.com/taylorotwell/status/590281695581982720
Slide 63
Slide 63 text
Creation of Laravel Product
http://koel.phanan.net
Slide 64
Slide 64 text
May 23 2015
Slide 65
Slide 65 text
Contribution from Pagekit
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
https://github.com/vuejs/vue/issues/859
Joined to vuejs
orgnaization
as maintainer of
vue-resource
Slide 66
Slide 66 text
Affected with Laravel
Slide 67
Slide 67 text
May 26 2015
Slide 68
Slide 68 text
Inauguration vuejs-jp
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
https://github.com/vuejs-jp
With Translation
project members!!
Slide 69
Slide 69 text
May 27 2015
Slide 70
Slide 70 text
Organized event with vuejs-jp
http://vuejs-meetup.connpass.com/event/14017/
Slide 71
Slide 71 text
Jun 13 2015
Slide 72
Slide 72 text
0.12: Dragon Ball
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
Many improvements
&
New Features!!
Slide 73
Slide 73 text
Jun 17 2015
Slide 74
Slide 74 text
Published jp.vuejs.org
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
0.12
Included 0.12
latest !!
Slide 75
Slide 75 text
Template syntax
overhaul for 1.0
Slide 76
Slide 76 text
Discussion of template syntax
https://github.com/vuejs/vue/issues/1308
Slide 77
Slide 77 text
Oct 2015
Slide 78
Slide 78 text
Opened Vue.js Discussion forum
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
0.12
Solved the
communication
problem between
the languages!!
http://forum.vuejs.org
Slide 79
Slide 79 text
Oct 20 2015
Slide 80
Slide 80 text
Opened awesome-vue
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
0.12
Eco-system
Preparation!!
https://github.com/vuejs/awesome-vue
Slide 81
Slide 81 text
Oct 25 2015
Slide 82
Slide 82 text
Post a blog
http://blog.evanyou.me/2015/10/25/vuejs-re-introduction/
Slide 83
Slide 83 text
Oct 27 2015
Slide 84
Slide 84 text
No content
Slide 85
Slide 85 text
1.0: Evangelion
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
0.12
Provide Fully
backward-
compatibility!!
https://twitter.com/hashedrock/status/660148402584326144
Slide 86
Slide 86 text
1.0 released in
conjunction with …
Slide 87
Slide 87 text
Published en/jp Official Sites
Slide 88
Slide 88 text
As result of 1.0
release
Slide 89
Slide 89 text
Hacker News
• Release post stayed
on the front page
• Gathering more than
300 upvotes!!
GitHub star
• 7.6k+ growth since
Feb 2015
• A total of ~3.6k
stars in its first
year
(Feb 2014 - Feb
2015)
• Ranked in the
Github Trending!!
Slide 92
Slide 92 text
vuejs.org stats
• Page views: 3,761,728 ytd
• Unique visitors: 363,365 ytd
• 30 Day Active Users: 76,090 current
(NOTE: Dec 20 2014 - Dec 20 2015)
http://blog.evanyou.me/2015/12/20/vuejs-2015-in-review/
Slide 93
Slide 93 text
Affected with 1.0 release
Slide 94
Slide 94 text
Release 1.0 later
&
2016
Slide 95
Slide 95 text
Growing
Eco-System
Slide 96
Slide 96 text
Nov 8 2015
Slide 97
Slide 97 text
Published the VueServer.js
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
0.12
Also same Vue.js
I/F at the
server-side!!
https://github.com/ngsru/vue-server
1.0
Slide 98
Slide 98 text
Nov 28 2015
Slide 99
Slide 99 text
Published vuex on GitHub Repo
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
0.12
Flux-inspired
Application
Architecture for
Vue.js
https://github.com/vuejs/vuex
1.0
Published vue-cli
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
0.12
A simple CLI for
scaffolding Vue.js
projects
&
Provide templates
https://github.com/vuejs/vue-cli
1.0
Slide 103
Slide 103 text
Podcast
Slide 104
Slide 104 text
Appeared in PodCasts!!
• Full Stack Radio #30
(11-23-2015)
• JavaScript Jabber #187
(11-25-2015)
• Changelog #184
(11-27-2015)
• Software Engineering
Daily (12-29-2015)
• Javascript Air 016
(03-30-2016)
https://github.com/vuejs/awesome-vue#podcasts
Slide 105
Slide 105 text
Meetup events
Slide 106
Slide 106 text
Jan 4 2016
Slide 107
Slide 107 text
London Vuejs #1
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
0.12
http://www.meetup.com/London-Vue-js-Meetup/
1.0
Slide 108
Slide 108 text
Vuejs Paris #1
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
0.12
http://www.meetup.com/Vuejs-Paris/
1.0
Slide 109
Slide 109 text
Vuejs Paris #1
Slide 110
Slide 110 text
Book
Slide 111
Slide 111 text
First technical book
https://leanpub.com/vuejs/
Slide 112
Slide 112 text
Feb 2016
Slide 113
Slide 113 text
Published it.vuejs.org
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
0.12 1.0
Slide 114
Slide 114 text
We had been became
difficult to support,
because of rapid growth …
Slide 115
Slide 115 text
Mar 14 2016
Slide 116
Slide 116 text
Post a blog
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
0.12
http://vuejs.org/2016/03/14/march-update/
1.0
Slide 117
Slide 117 text
Looking for collaborators!!
https://docs.google.com/forms/d/1SgDgKZqyivEf5xl0EOWNfs68Xy3f4oBzLXIlwlS0BIs/viewform
Slide 118
Slide 118 text
Looking for sponsors!!
https://www.patreon.com/evanyou?ty=h
Slide 119
Slide 119 text
Mar 16 2016
Slide 120
Slide 120 text
AMA at HashNode
https://hashnode.com/ama/with-evan-you-cilauq0uu0027tl53gsjkhbmd
Slide 121
Slide 121 text
Exploring the Vue.js fulltime
Left Meteor!!
Slide 122
Slide 122 text
Mar 18 2016
Slide 123
Slide 123 text
Kick-off Vue.js team
2013 2014 2015 2016
spawn
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
First
Launch
0.9
0.10
0.11
Meetup
in JP
Laravel
0.12 1.0
Start New
development
organization!!
Slide 124
Slide 124 text
Vue.js team members
Slide 125
Slide 125 text
Role of Vue.js team
• Issue Triaging
• bug report
• feature request
• clean up stable issues
• Pull Request reviewing
• Working on New Features or Bug fixes
• Specific repository helping
Slide 126
Slide 126 text
Vue.js New Vision
Slide 127
Slide 127 text
“Progressive
Framework”
http://blog.evanyou.me/2015/12/20/vuejs-2015-in-review/
ʮVUE.JS: 2015 IN REVIEWʯ
Future Plan
• server side rendering (SSR)
• official book/video tutorials
• higher level framework for mobile
applications
• and more …
Slide 131
Slide 131 text
Conclustion
• 2013
• Vuejs was the personal project
• 2014
• Launch, and improvement and new features
• 2015
• Adoption in the Laravel community
• Release 1.0
• Growth Vuejs community and Eco-System!!
Slide 132
Slide 132 text
Conclustion
• 2016
• Kick-off vuejs team
• We're going to continue to grow Vuejs as
OSS project
“Progressive
Framework”
Slide 133
Slide 133 text
Announcements
from vuejs-jp
Slide 134
Slide 134 text
Planning Vuejs Tokyo Meetup #1
• We want to invite Evan you!!
• If you are interested, please contact us!!
Slide 135
Slide 135 text
Opened vuejs-jp slack
• Direct URL Access
https://vuejs-jp-slackin.herokuapp.com
• Vuejs official site for japanese
http://jp.vuejs.org