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?