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

Catch up Nuxt.js 2019.02

andoshin11
February 18, 2019

Catch up Nuxt.js 2019.02

andoshin11

February 18, 2019
Tweet

More Decks by andoshin11

Other Decks in Technology

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?