Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Catch up Nuxt.js 2019.02

5c97d6b5611feeebc345c3e4742a05a8?s=47 andoshin11
February 18, 2019

Catch up Nuxt.js 2019.02

5c97d6b5611feeebc345c3e4742a05a8?s=128

andoshin11

February 18, 2019
Tweet

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?