|
| 1 | +<p align="center"> |
| 2 | + <br> |
| 3 | + <img width="400" src="./logo.svg" alt="logo of awesome-vue-3 repository"> |
| 4 | + <br> |
| 5 | + <br> |
| 6 | +</p> |
| 7 | + |
1 | 8 | # awesome-vue-3
|
| 9 | + |
2 | 10 | A curated list of awesome things related to Vue 3
|
| 11 | + |
| 12 | +## Official |
| 13 | + |
| 14 | +- [Vue Composition API](https://composition-api.vuejs.org/) |
| 15 | +- [RFCs for substantial changes / feature additions to Vue core](https://github.com/vuejs/rfcs) |
| 16 | + |
| 17 | +## Articles |
| 18 | + |
| 19 | +- [Vue 3 – A roundup of infos about the new version of Vue.js](https://madewithvuejs.com/blog/vue-3-roundup) |
| 20 | +- [An Overview of What's Coming in Vue 3](https://www.digitalocean.com/community/tutorials/vuejs-whats-coming-in-vue-3) |
| 21 | +- [Exciting new features in Vue 3](https://vueschool.io/articles/vuejs-tutorials/exciting-new-features-in-vue-3/) |
| 22 | +- [New features in Vue 3 and how to use them](https://blog.logrocket.com/new-features-in-vue-3-and-how-to-use-them/) |
| 23 | +- [What Noticeable Features You Should Expect in Vue v3 Release](https://hackernoon.com/what-is-coming-noticeable-in-vue-3-lzd32rx) |
| 24 | +- [What New Features for Developers are Coming to Vue.js 3?](https://medium.com/js-dojo/what-new-features-for-developers-are-coming-to-vue-js-3-2f57bf4ac93b) |
| 25 | +- [The Vue 3 upgrade guide](https://dev.to/blacksonic/the-vue-3-upgrade-guide-4dc4) |
| 26 | +- [Build a movie search app using the Vue Composition API](https://dev.to/blacksonic/build-a-movie-search-app-using-the-vue-composition-api-5218) |
| 27 | +- [React Hooks vs. Vue 3 Composition API](https://academy.esveo.com/en/blog/Yr) |
| 28 | +- [Composition API cheat sheet](https://www.vuemastery.com/vue-3-cheat-sheet/) |
| 29 | +- [Building the Same Component in Vue2 vs. Vue3](https://medium.com/javascript-in-plain-english/building-the-same-component-in-vue2-vs-vue3-ed47a09ade15) |
| 30 | +- [Suspense – new feature in Vue 3](https://vueschool.io/articles/vuejs-tutorials/suspense-new-feature-in-vue-3/) |
| 31 | +- [State Management with Composition API](https://vueschool.io/articles/vuejs-tutorials/state-management-with-composition-api/) |
| 32 | +- [Portal – a new feature in Vue 3](https://vueschool.io/articles/vuejs-tutorials/portal-a-new-feature-in-vue-3/) |
| 33 | +- [Faster Web Applications with Vue 3](https://vueschool.io/articles/vuejs-tutorials/faster-web-applications-with-vue-3/) |
| 34 | +- [Why people got upset with Vue 3](https://vueschool.io/articles/news/why-people-are-mad-with-vue-3/) |
| 35 | +- [Vue 3: Data down, Events up](https://www.vuemastery.com/blog/vue-3-data-down-events-up/) |
| 36 | +- [Vue 3: Start Using it Today](https://www.vuemastery.com/blog/vue-3-start-using-it-today/) |
| 37 | +- [Reactivity: Vue 2 vs Vue 3](https://www.vuemastery.com/blog/Reactivity-Vue2-vs-Vue3/) |
| 38 | +- [Top ways to learn Vue 3](https://www.vuemastery.com/blog/top-ways-to-learn-Vue-3/) |
| 39 | +- [A useModal hook and Proxies](https://lmiller1990.github.io/electic/posts/20200519_a_usemodal_hook_and_proxies.html) |
| 40 | +- [Vite the Fastest Development Environment Ever](https://lmiller1990.github.io/electic/posts/20200510_vite_the_fastest_development_environment_ever.html) |
| 41 | +- [Vue 3 Async Components and Bundle Splitting](https://lmiller1990.github.io/electic/posts/20200503_vue_3_async_components_and_bundle_splitting.html) |
| 42 | +- [Introducing Teleport aka Portal](https://lmiller1990.github.io/electic/posts/20200411_introducing_teleport_aka_portal.html) |
| 43 | +- [Webpack for Vue 3](https://lmiller1990.github.io/electic/posts/20200406_webpack_for_vue_3.html) |
| 44 | +- [Best Practices for Testing Vue 3 Components](https://lmiller1990.github.io/electic/posts/20200301_best_practices_for_testing_vue_3_components.html) |
| 45 | +- [Vuejs 3 and TypeScript](https://lmiller1990.github.io/electic/posts/20200215_vuejs_3_and_typescript.html) |
| 46 | +- [Reactivity in Vue 3](https://www.netlify.com/blog/2020/03/10/reactivity-in-vue-3/) |
| 47 | + |
| 48 | +## Packages |
| 49 | + |
| 50 | +- [vue-next](https://github.com/vuejs/vue-next) - Repo for Vue 3.0 (currently in beta) |
| 51 | +- [vue-cli-plugin-vue-next](https://github.com/vuejs/vue-cli-plugin-vue-next) - A Vue CLI plugin for trying out vue-next (experimental) |
| 52 | +- [vue-router-next](https://github.com/vuejs/vue-router-next) - The Vue 3 official router (WIP) |
| 53 | +- [vue-test-utils-next](https://github.com/vuejs/vue-test-utils-next) - The next iteration of Vue Test Utils, targeting Vue 3 |
| 54 | +- [composition-api](https://github.com/vuejs/composition-api) - Vue2 plugin for the Composition API. |
| 55 | +- [vite](https://github.com/vitejs/vite) - Native-ESM powered web dev build tool. It's fast. |
| 56 | +- [vitepress](https://github.com/vuejs/vitepress) - Vite & Vue powered static site generator |
| 57 | +- [vue-use-web](https://github.com/logaretm/vue-use-web) - 🕸 Web APIs implemented as Vue.js composition functions |
| 58 | +- [vue-use-form](https://github.com/logaretm/vue-use-form) - ✅ A Vue.js composition API function to validate forms |
| 59 | +- [vue-compose-promise](https://github.com/posva/vue-compose-promise) - 💝 Promises using vue composition API |
| 60 | +- [vue-composition-toolkit](https://github.com/shuidi-fed/vue-composition-toolkit) - 💚 Vue3 Composition-API toolkit |
| 61 | +- [vue-composable](https://github.com/pikax/vue-composable) - Vue composition-api composable components |
| 62 | +- [vueuse](https://github.com/antfu/vueuse) - 🧰 Collection of essential Vue Composition API utils works for Vue 2 and 3 |
| 63 | +- [vue-use-kit](https://github.com/microcipcip/vue-use-kit) - 🛠️ Useful collection of Vue composition API functions |
| 64 | +- [vue-condition-watcher](https://github.com/runkids/vue-condition-watcher) - 🕶 Vue Composition API for automatic fetch data when condition has been changed |
| 65 | + |
| 66 | +## Examples |
| 67 | + |
| 68 | +- [vue-3-playground](https://github.com/blacksonic/vue-3-playground) |
| 69 | +- [vue3-webpack-boilerplate](https://github.com/starkovsky/vue3-webpack-boilerplate) |
| 70 | +- [vue-composition-toolkit](https://github.com/HcySunYang/vue-composition-toolkit) |
| 71 | +- [vite-tailwind-starter](https://github.com/posva/vite-tailwind-starter) |
| 72 | +- [todomvc-vue-composition-api](https://github.com/blacksonic/todomvc-vue-composition-api) |
| 73 | +- [composition-api-demos](https://github.com/LinusBorg/composition-api-demos) |
| 74 | +- [Vue3Todo](https://github.com/ShetlandJ/Vue3Todo) |
| 75 | +- [movie-search-vue](https://github.com/blacksonic/movie-search-vue) |
| 76 | +- [vue-next-webpack-preview](https://github.com/vuejs/vue-next-webpack-preview) |
| 77 | +- [vue-3-reactivity](https://github.com/Code-Pop/vue-3-reactivity) |
| 78 | + |
| 79 | +## Videos |
| 80 | + |
| 81 | +- [Evan You - State of the Vuenion 2020](https://www.youtube.com/watch?v=3COrQGxnPv0) |
| 82 | +- [Alex Kyriakidis - What you'll love in Vue 3](https://www.youtube.com/watch?v=eQpVcZa8dVQ) |
| 83 | +- [Evan You - What's Coming in Vue 3](https://www.softwaretalks.io/v/10323/evan-you-whats-coming-in-vue-3-0) |
| 84 | +- [Vue 3: What I'm Most Excited About with Chris Fritz](https://www.youtube.com/watch?v=b554XmaTWrw) |
| 85 | +- [Live coding: The new Composition API - Jason Yu](https://www.youtube.com/watch?v=JON6X6Wmteo) |
| 86 | + |
| 87 | +## Books |
| 88 | + |
| 89 | +## Courses |
| 90 | + |
| 91 | +- [The Vue.js 3 Master Class](https://vueschool.io/courses/the-vuejs-3-master-class) |
| 92 | +- [What's new in Vue 3](https://vueschool.io/courses/whats-new-in-vue-3) |
| 93 | +- [Vue 3 Essentials](https://www.vuemastery.com/courses/vue-3-essentials/why-the-composition-api/) |
| 94 | +- [Vue 3 Deep Dive with Evan You](https://www.vuemastery.com/courses/vue3-deep-dive-with-evan-you/vue3-overview/) |
| 95 | +- [Build a Gmail Clone with Vue 3](https://www.vuemastery.com/courses/build-a-gmail-clone-with-vue3/tour-the-project) |
| 96 | +- [Vue 3 Reactivity](https://www.vuemastery.com/courses/vue-3-reactivity/vue3-reactivity/) |
| 97 | +- [Vue.js The Composition API](https://vuejs-course.com/) |
| 98 | + |
0 commit comments