Slide 1

Slide 1 text

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

Slide 7

Slide 7 text

2013

Slide 8

Slide 8 text

Jul 28 2013

Slide 9

Slide 9 text

Spawn Jul 28, 2013 Project “seed” 2013 2014 2015 2016

Slide 10

Slide 10 text

Author • Name: Evan you • GitHub: @yyx990803 • Works:
 Google Creative labs • Start development
 as personal project
 and personal GitHub repository

Slide 11

Slide 11 text

Initial codes • README.md

Slide 12

Slide 12 text

Initial codes • Examples http://bit.ly/1SomDGp That’s personally project codes!!
 Angular.js Like!!

Slide 13

Slide 13 text

Aug 10 2013

Slide 14

Slide 14 text

First Release 2013 2014 2015 2016 spawn

Slide 15

Slide 15 text

Go through some release

Slide 16

Slide 16 text

Aug 16 2013

Slide 17

Slide 17 text

Release 0.2 2013 2014 2015 2016 spawn 0.1

Slide 18

Slide 18 text

Aug 25 2013

Slide 19

Slide 19 text

Release 0.3 2013 2014 2015 2016 spawn 0.1 0.2

Slide 20

Slide 20 text

Oct 18 2013

Slide 21

Slide 21 text

Release 0.4 2013 2014 2015 2016 spawn 0.1 0.2 0.3

Slide 22

Slide 22 text

Nov 16 2013

Slide 23

Slide 23 text

Release 0.5 2013 2014 2015 2016 spawn 0.1 0.2 0.3 0.4

Slide 24

Slide 24 text

And Dec 8 2013 Release 0.6

Slide 25

Slide 25 text

Rename to Vue.js 2013 2014 2015 2016 spawn 0.1 0.2 0.3 0.4 0.5

Slide 26

Slide 26 text

Vue.js is born!!

Slide 27

Slide 27 text

Publish into NPM

Slide 28

Slide 28 text

After that

Slide 29

Slide 29 text

Dec 24 2013

Slide 30

Slide 30 text

Release 0.7 2013 2014 2015 2016 spawn 0.1 0.2 0.3 0.4 0.5 0.6

Slide 31

Slide 31 text

2014

Slide 32

Slide 32 text

Jan 27 2014

Slide 33

Slide 33 text

Release 0.8 2013 2014 2015 2016 spawn 0.1 0.2 0.3 0.4 0.5 0.6 0.7

Slide 34

Slide 34 text

Launch Preparation • Marketing Plan for Media • WebSite & Documentation (vuejs.org) • Tests

Slide 35

Slide 35 text

Feb 3 2014

Slide 36

Slide 36 text

First Launch!! 2013 2014 2015 2016 spawn 0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 Feb 3, 2014 - HackerNews - Reddit - EchoJS - The DailyJS Blog - JavaScript Weekly
 - Twitter (@vuejs)


Slide 37

Slide 37 text

As result of First Launch

Slide 38

Slide 38 text

Acquisition stats • vuejs.org unique visits: 26,809 • GitHub Stars:
 615 • Github unique visits: 399 http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/

Slide 39

Slide 39 text

At the time, In Japan

Slide 40

Slide 40 text

Feb 14 2014

Slide 41

Slide 41 text

http://mizchi.hatenablog.com/entry/2014/02/13/153742

Slide 42

Slide 42 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

Slide 43

Slide 43 text

Beginning to spread amongst front-end engineers

Slide 44

Slide 44 text

Furthermore release

Slide 45

Slide 45 text

Feb 25 2014

Slide 46

Slide 46 text

0.9: Animatrix 2013 2014 2015 2016 spawn 0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 First Launch Begin to naming the code-name to major version from this version

Slide 47

Slide 47 text

Mar 24 2014

Slide 48

Slide 48 text

0.10: Blade Runner 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

Slide 49

Slide 49 text

Nov 7 2014

Slide 50

Slide 50 text

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

Slide 58

Slide 58 text

Feb 2015

Slide 59

Slide 59 text

Kick-off Translation 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 https://twitter.com/kazu_pon/status/569413613431099392 Start vuejs.org translation project!!

Slide 60

Slide 60 text

Apl 20 2015

Slide 61

Slide 61 text

No content

Slide 62

Slide 62 text

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!!

Slide 90

Slide 90 text

NPM donwload http://npm-stat.com/charts.html?package=vue&author=&from=2015-01-01&to=2015-12-31

Slide 91

Slide 91 text

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

Slide 100

Slide 100 text

Dec 29 2015

Slide 101

Slide 101 text

Javascript Fatigue https://medium.com/@ericclemmons/javascript-fatigue-48d4011b6fc4#.jqxo59evz

Slide 102

Slide 102 text

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ʯ

Slide 128

Slide 128 text

Vue.js 1.1 https://github.com/vuejs/vue/milestones/1.1.0

Slide 129

Slide 129 text

Improve Official Plugins/Tools • vue-router • vuex • vue-loader/vuerify • vue-devtools • vue-cli

Slide 130

Slide 130 text

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
 


Slide 136

Slide 136 text

Thanks!!