Exploring Vue 3’s Ecosystem | Ben Hong

Explore Vue 3's ecosystem, including its two main APIs, improved bundle size, script setup, and new tooling extensions like Vite and Volar. Learn about the growing library landscape, roadmap, and resources for getting started.

Key takeaways
  • Vue 3 has two main APIs for writing components: Options API and Composition API. The choice between the two depends on the team’s experience and the project’s requirements.
  • Composition API is more flexible and allows for more code separation, making it a better fit for teams familiar with TypeScript.
  • Options API is better suited for teams new to Vue and Composition API, as it provides a more structured approach.
  • Vue 3’s bundle size is smaller than Vue 2’s due to improved tree shaking capabilities.
  • Script setup is a new feature in Vue 3 that allows for more efficient rendering and better code organization.
  • Vite and Volar are two new tooling extensions for Vue 3 that can speed up build times and improve the developer experience.
  • Petite-view is a new library that allows for progressive enhancement with Vue 3.
  • Vue 3’s ecosystem is constantly evolving, with new features and libraries being added regularly.
  • The Vue 3 roadmap is open to community feedback and discussion.
  • Vue 3 can be used as a CDN package for server-side rendering and static site generation.
  • There are many resources available for learning about Vue 3, including the official documentation and various online courses.