Vue.js Recent Trends

38bee248082f6071230de65e9d74a944?s=47 kazupon
April 05, 2016

Vue.js Recent Trends

38bee248082f6071230de65e9d74a944?s=128

kazupon

April 05, 2016
Tweet

Transcript

  1. Vue.js Recent Trends Tokyo Node Academy #20 2016-04-05 @kazupon (updated:

    2016-04-07)
  2. Who are you? • GitHub: kazupon • Twitter: kazu_pon •

    Company: CUUSOO SYSTEM • Position: CTO (Full-Stack)
  3. 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
  4. Introduction

  5. Introduction

  6. 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
  7. 2013

  8. Jul 28 2013

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

  10. Author • Name: Evan you • GitHub: @yyx990803 • Works:


    Google Creative labs • Start development
 as personal project
 and personal GitHub repository
  11. Initial codes • README.md

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

    Like!!
  13. Aug 10 2013

  14. First Release 2013 2014 2015 2016 spawn

  15. Go through some release

  16. Aug 16 2013

  17. Release 0.2 2013 2014 2015 2016 spawn 0.1

  18. Aug 25 2013

  19. Release 0.3 2013 2014 2015 2016 spawn 0.1 0.2

  20. Oct 18 2013

  21. Release 0.4 2013 2014 2015 2016 spawn 0.1 0.2 0.3

  22. Nov 16 2013

  23. Release 0.5 2013 2014 2015 2016 spawn 0.1 0.2 0.3

    0.4
  24. And Dec 8 2013 Release 0.6

  25. Rename to Vue.js 2013 2014 2015 2016 spawn 0.1 0.2

    0.3 0.4 0.5
  26. Vue.js is born!!

  27. Publish into NPM

  28. After that

  29. Dec 24 2013

  30. Release 0.7 2013 2014 2015 2016 spawn 0.1 0.2 0.3

    0.4 0.5 0.6
  31. 2014

  32. Jan 27 2014

  33. Release 0.8 2013 2014 2015 2016 spawn 0.1 0.2 0.3

    0.4 0.5 0.6 0.7
  34. Launch Preparation • Marketing Plan for Media • WebSite &

    Documentation (vuejs.org) • Tests
  35. Feb 3 2014

  36. 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)

  37. As result of First Launch

  38. 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/
  39. At the time, In Japan

  40. Feb 14 2014

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

  42. 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
  43. Beginning to spread amongst front-end engineers

  44. Furthermore release

  45. Feb 25 2014

  46. 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
  47. Mar 24 2014

  48. 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
  49. Nov 7 2014

  50. 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!!
  51. Nov 2014

  52. Join to Meteor!! https://www.linkedin.com/in/evanyou

  53. 2015

  54. Jan 28 2015

  55. 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/
  56. Jan 30 2015

  57. 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
  58. Feb 2015

  59. 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!!
  60. Apl 20 2015

  61. None
  62. 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
  63. Creation of Laravel Product http://koel.phanan.net

  64. May 23 2015

  65. 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
  66. Affected with Laravel

  67. May 26 2015

  68. 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!!
  69. May 27 2015

  70. Organized event with vuejs-jp http://vuejs-meetup.connpass.com/event/14017/

  71. Jun 13 2015

  72. 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!!
  73. Jun 17 2015

  74. 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 !!
  75. Template syntax overhaul for 1.0

  76. Discussion of template syntax https://github.com/vuejs/vue/issues/1308

  77. Oct 2015

  78. 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
  79. Oct 20 2015

  80. 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
  81. Oct 25 2015

  82. Post a blog http://blog.evanyou.me/2015/10/25/vuejs-re-introduction/

  83. Oct 27 2015

  84. None
  85. 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
  86. 1.0 released in conjunction with …

  87. Published en/jp Official Sites

  88. As result of 1.0 release

  89. Hacker News • Release post stayed on the front page

    • Gathering more than 300 upvotes!!
  90. NPM donwload http://npm-stat.com/charts.html?package=vue&author=&from=2015-01-01&to=2015-12-31

  91. 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!!
  92. 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/
  93. Affected with 1.0 release

  94. Release 1.0 later & 2016

  95. Growing
 Eco-System

  96. Nov 8 2015

  97. 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
  98. Nov 28 2015

  99. 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
  100. Dec 29 2015

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

  102. 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
  103. Podcast

  104. 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
  105. Meetup events

  106. Jan 4 2016

  107. 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
  108. 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
  109. Vuejs Paris #1

  110. Book

  111. First technical book https://leanpub.com/vuejs/

  112. Feb 2016

  113. 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
  114. We had been became difficult to support, because of rapid

    growth …
  115. Mar 14 2016

  116. 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
  117. Looking for collaborators!! https://docs.google.com/forms/d/1SgDgKZqyivEf5xl0EOWNfs68Xy3f4oBzLXIlwlS0BIs/viewform

  118. Looking for sponsors!! https://www.patreon.com/evanyou?ty=h

  119. Mar 16 2016

  120. AMA at HashNode https://hashnode.com/ama/with-evan-you-cilauq0uu0027tl53gsjkhbmd

  121. Exploring the Vue.js fulltime Left Meteor!!

  122. Mar 18 2016

  123. 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!!
  124. Vue.js team members

  125. 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
  126. Vue.js New Vision

  127. “Progressive Framework” http://blog.evanyou.me/2015/12/20/vuejs-2015-in-review/ ʮVUE.JS: 2015 IN REVIEWʯ

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

  129. Improve Official Plugins/Tools • vue-router • vuex • vue-loader/vuerify •

    vue-devtools • vue-cli
  130. Future Plan • server side rendering (SSR) • official book/video

    tutorials • higher level framework for mobile applications • and more …
  131. 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!!
  132. Conclustion • 2016 • Kick-off vuejs team • We're going

    to continue to grow Vuejs as OSS project “Progressive Framework”
  133. Announcements from vuejs-jp

  134. Planning Vuejs Tokyo Meetup #1 • We want to invite

    Evan you!! • If you are interested, please contact us!!
  135. Opened vuejs-jp slack • Direct URL Access
 https://vuejs-jp-slackin.herokuapp.com • Vuejs

    official site for japanese
 http://jp.vuejs.org
 

  136. Thanks!!