List: Vue 3 - Composition API | Curated by Fotis Adamakis

Jun 1, 2023
15 stories
11 saves
Vue 3 - Composition APIVue 3 Composition API is a set of utility helpers that enable us to author our components using explicitly imported functions instead of declaring options. It is an umbrella term that covers the following APIs: Reactivity API, Lifecycle Hooks and Dependency Injection.
Fotis Adamakis
Vue 3 Script Setup MacrosVue 3 Script Setup is the recommended syntax if you are using both Single File Components and Composition API. It provides a clean and…
4 min read·May 23, 2023
--
3
--
3
Fotis Adamakis
Refactoring a Component from Vue 2 Options API to Vue 3 Composition APIVue 3 is gaining traction, and sooner than later, every codebase will need to be migrated. It comes with many new paradigms and API…
6 min read·Aug 16, 2022
--
--
Fotis Adamakis
The 5 ways to Define a Component in Vue 3Updated version ▶️ The Anatomy of a Vue 3 Component
5 min read·Jan 2, 2023
--
3
--
3
Fotis Adamakis
10 Mistakes to Avoid When Starting with Vue 3Vue 3 has been stable for quite some time now. Many codebases are using it in production, and everyone else will have to migrate…
5 min read·Jan 16, 2023
--
10
--
10
Fotis Adamakis
The future of State Management in Vue.jsWith Vue 3 gaining traction and becoming the new default, many things are changing, and the ecosystem is still shaping. Until recently, the…
7 min read·Aug 1, 2022
--
--
Fotis Adamakis
Vue 3 Script Setup Cheat SheetQuick reference guide for Vue 3 composition API script setup
2 min read·Dec 18, 2022
--
--
Fotis Adamakis
Vue 3 Reactive Data DeclarationRef vs Reactive.
3 min read·Dec 20, 2022
--
1
--
1
Fotis Adamakis
in
Vue.js Developers
Validating your Vue Props like a ProVue requires to explicit declare any data passed to a component as props. Additionally, it provides a powerful built-in mechanism to…
3 min read·Aug 9, 2022
--
--
Fotis Adamakis
in
Vue.js Developers
VueUse - The library that makes Vue 3 worth the upgradeComposition API promotes a much better paradigm of sharing code between components. Explicit dependencies and namespacing by design enable…
3 min read·Aug 8, 2022
--
1
--
1
Fotis Adamakis
Debounced Search Component in Vue.jsFrom Options API to Composition API
5 min read·Dec 10, 2022
--
--
Fotis Adamakis
Why Mixins are Considered HarmfulComposition over Inheritance
5 min read·Jan 31, 2023
--
1
--
1
Fotis Adamakis
Vue Suspense - A Cleaner Way to Manage Loading StatesOne exciting feature of Vue 3 is Suspense. It is a built-in component that makes loading state orchestration much simpler.
2 min read·Jan 8, 2023
--
1
--
1
Fotis Adamakis
[Vue 3] Function Expression Vs Function Declaration inside Script SetupJavaScript is weird. If you’ve spent more than 5 minutes with the language, you already know that. One of the hardest topics to explain to…
4 min read·Apr 5, 2023
--
3
--
3
Fotis Adamakis
Vue 3: watchEffect is Impressive, but watch is still the Best ChoiceOne of the most powerful features of Vue is the ability to reactively perform a side-effect based on changes to the underlying data. To…
5 min read·Mar 22, 2023
--
1
--
1
Fotis Adamakis
Vue 3 Real Life Transitions and Micro-InteractionsVue provides a simple and elegant way of handling animations. You can easily apply them by adding a <transition /> directive that does all…
7 min read·Jan 11, 2023
--
--