Catch up Nuxt.js 2019.02

Transcript

1. Catch up Nuxt.js 2019.02 2019.2.18 @andoshin11
2. Who am I? Shin Ando (a.k.a Andy) @andoshin11 - Frontend Developer / Architect - Vue.js Japan User Group - マイブーム: 朝ごはんめぐり Vue / Nuxt / React / Flutter / Go / Ruby etc... 2
3. 3 ブログやってます
4. 4 Nuxt community is red hot
5. 5 Nuxt.js v2.4 Released
6. 6 Nuxt.js v2.4 Released • Smart prefetching • HMR for Vuex store • Better VS Code(Vetur) support • Automatic available port detection • Automatic modern build detection • Plugins for each runtimes (all, client, server) • Post CSS support • Default TypeScript support (we’ll come back to this later!) • And more ...
7. 7
8. 8 Dat all?
9. 9 • About 100 pull requests were closed since v2.4 release (Jan 28th) • Release plan is updated!! • Major release is planned for every 6 months • Minor release is planned for every 4 weeks • Wanna try out the latest features?
10. 10 nuxt-edge is nightly built for ya!
11. 11
12. 12 Recently added features ※Not all of them will make it to the final release
13. Universal fetch by default ⊙ node-fetch and fetch polyfill are now built-in ⊙ Toggle with nuxt.config.js 13 pull: #5028
14. Top level async/await ⊙ Use Promise inside nuxt.config 14 pull: #4021
15. Top level async/await ⊙ Use Promise inside nuxt.config ⊙ More dynamic config generation 15 pull: #4021
16. .nuxtignore support ⊙ Ignore certain pages, layouts, middleware, store ⊙ Select targets with glob pattern 16 pull: #4647
17. Tons of tons of Unit tests!! ⊙ Better stability all around ⊙ Easier to just jump in and make a commitment! 17 pull: #4880 pull: #4857 pull: #4834
18. 18 TypeScript support is getting stronger!
19. New face in the team! ⊙ @kevinmarrec has joined the core team ⊙ This dude is TypeScript guru 19
20. nuxt-ts distribution! ⊙ Auto generate tsconfig.json ⊙ Still experimental 20 distributions/nuxt-ts/bin
21. Officially supported! ⊙ Updated resolvers ⊙ TypeScript ⊙ TSX 21 packages/builder/src/builder.js
22. TypeScript for layouts 22 packages/builder/src/builder.js
23. TypeScript for routes 23 packages/builder/src/builder.js
24. Default Loader rules ⊙ Enhanced build.loaders options 24 packages/webpack/src/config/base.js
25. New options! ⊙ useForkTsChecker 25 packages/webpack/src/config/client.js
26. Official Type Definition ⊙ Context Type 26 packages/vue-app/types/index.d.ts
27. Official Type Definition ⊙ Context Type ⊙ Pages API Type 27 packages/vue-app/types/vue.d.ts
28. Enable Today! 28
29. 29 A few more things...
30. WIP: More Type Definitions 30 Pull Request #4854
31. WIP: Better TSX ecosystem ⊙ Working with Vue core team ⊙ #9369 ⊙ #9379 31 Pull Request #4855
32. Enhanced possibility with Vue 2.6(?) ⊙ New rendering hooks on server side introduced ⊙ asyncData & fetch API will be available everywhere? 32
33. 33 Make your contribution today!
34. 34 Or contribute to the docs!
35. 35 Huge shout out to @inouetakuya !
36. 36 Submit your Feature Requests! https://github.com/nuxt/rfcs/issues
37. 37 Are you Nuxt?