Catch up Nuxt.js 2019.02

Transcript

1. 1.

   Catch up Nuxt.js 2019.02 2019.2.18 @andoshin11

2. 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.

   3 ブログやってます

4. 4.

   4 Nuxt community is red hot

5. 5.

   5 Nuxt.js v2.4 Released

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

   7

8. 8.

   8 Dat all?

9. 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.

    10 nuxt-edge is nightly built for ya!

11. 11.

    11

12. 12.

    12 Recently added features ※Not all of them will make

    it to the final release
13. 13.

    Universal fetch by default ⊙ node-fetch and fetch polyfill are

    now built-in ⊙ Toggle with nuxt.config.js 13 pull: #5028
14. 14.

    Top level async/await ⊙ Use Promise inside nuxt.config 14 pull:

    #4021
15. 15.

    Top level async/await ⊙ Use Promise inside nuxt.config ⊙ More

    dynamic config generation 15 pull: #4021
16. 16.

    .nuxtignore support ⊙ Ignore certain pages, layouts, middleware, store ⊙

    Select targets with glob pattern 16 pull: #4647
17. 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.

    18 TypeScript support is getting stronger!

19. 19.

    New face in the team! ⊙ @kevinmarrec has joined the

    core team ⊙ This dude is TypeScript guru 19
20. 20.

    nuxt-ts distribution! ⊙ Auto generate tsconfig.json ⊙ Still experimental 20

    distributions/nuxt-ts/bin
21. 21.

    Officially supported! ⊙ Updated resolvers ⊙ TypeScript ⊙ TSX 21

    packages/builder/src/builder.js
22. 22.

    TypeScript for layouts 22 packages/builder/src/builder.js

23. 23.

    TypeScript for routes 23 packages/builder/src/builder.js

24. 24.

    Default Loader rules ⊙ Enhanced build.loaders options 24 packages/webpack/src/config/base.js

25. 25.

    New options! ⊙ useForkTsChecker 25 packages/webpack/src/config/client.js

26. 26.

    Official Type Definition ⊙ Context Type 26 packages/vue-app/types/index.d.ts

27. 27.

    Official Type Definition ⊙ Context Type ⊙ Pages API Type

    27 packages/vue-app/types/vue.d.ts
28. 28.

    Enable Today! 28

29. 29.

    29 A few more things...

30. 30.

    WIP: More Type Definitions 30 Pull Request #4854

31. 31.

    WIP: Better TSX ecosystem ⊙ Working with Vue core team

    ⊙ #9369 ⊙ #9379 31 Pull Request #4855
32. 32.

    Enhanced possibility with Vue 2.6(?) ⊙ New rendering hooks on

    server side introduced ⊙ asyncData & fetch API will be available everywhere? 32
33. 33.

    33 Make your contribution today!

34. 34.

    34 Or contribute to the docs!

35. 35.

    35 Huge shout out to @inouetakuya !

36. 36.

    36 Submit your Feature Requests! https://github.com/nuxt/rfcs/issues

37. 37.

    37 Are you Nuxt?