How to Use the Vue 3 Composition API for Global State Management (without Vuex)
Vue 3 brings a new feature for global state management - the Composition API. The Composition API in VueJS 3.0 can serve as an excellent alternative to Vuex for light state management. This Vue 3 tutorial demonstrates how to export a component's state into a separate composable module so it can be imported anywhere where reusable functionalities need to be accessed. This video also discusses setting up global state management with the Composition API and Vue JS 3 Hooks and shares best practices for using and managing Refs, toRefs, Reactive, Users, and more.
You can see this entire example in GitHub:
https://github.com/moduslabs/vue3-global-hooks-example
Modus Labs: https://labs.moduscreate.com/
Timestamps:
0:27 Introduction
1:03 Vue 3 Composition API vs. Vuex
2:10 Using Refs
6:42 Async load and Async Await
7:42 Using Reactive
8:40 Importing and using toRefs
Grgur on Social Media:
Twitter: https://bit.ly/2Q7Y5tv
LinkedIn: https://bit.ly/2PEEbqW
GitHub: https://bit.ly/2MaOVuU
Modus Create is a trusted Vue.js partner helping global organizations build great user experiences. Learn more about our partnership: https://moduscreate.com/partners/vue/
Subscribe to the Modus Create YouTube Channel to get more insights about creating world-class web applications: http://mdus.co/subscribe
Modus Create maintains an active blog on web development, customer experience, and product management. Check it out: https://moduscreate.com/blog
Modus is hiring and has a number of openings on our engineering team. Ready to transform your career? Check out these positions and apply today!
Apply for Back End Engineer - (Node, AWS Lambda & DynamoDB, GraphQL, Apollo): https://grnh.se/83ced13f3us
Apply for Back End Engineer (Python / Panda): https://grnh.se/42567b953us
Apply for Back End Engineer (WordPress): https://grnh.se/f0b655a43us
Apply for Front End Engineer (ExtJS): https://grnh.se/f93998673us
Apply for Front End Engineer (React): https://grnh.se/f3733b293us
Apply for Front End Engineer / Tech Lead (React Native Web):
Apply for Architect (Node, React, AWS): https://grnh.se/c73654c63us
Apply for Full Stack Engineer (React, Node, AWS): https://grnh.se/cdc63a833us
Apply for Full Stack Engineer (Javascript, Ruby): https://grnh.se/fa7370513us
Modus Create is a disruptive consulting firm that helps companies transform for success in the digital future through a unique collaborative engagement model that focuses on strategy, product design/build, user experience, company culture, and process change.
https://moduscreate.com
#Vue #Vue3 #VueJS #VueCompositionAPI #VueComposition
Видео How to Use the Vue 3 Composition API for Global State Management (without Vuex) канала Modus Create, Inc.
You can see this entire example in GitHub:
https://github.com/moduslabs/vue3-global-hooks-example
Modus Labs: https://labs.moduscreate.com/
Timestamps:
0:27 Introduction
1:03 Vue 3 Composition API vs. Vuex
2:10 Using Refs
6:42 Async load and Async Await
7:42 Using Reactive
8:40 Importing and using toRefs
Grgur on Social Media:
Twitter: https://bit.ly/2Q7Y5tv
LinkedIn: https://bit.ly/2PEEbqW
GitHub: https://bit.ly/2MaOVuU
Modus Create is a trusted Vue.js partner helping global organizations build great user experiences. Learn more about our partnership: https://moduscreate.com/partners/vue/
Subscribe to the Modus Create YouTube Channel to get more insights about creating world-class web applications: http://mdus.co/subscribe
Modus Create maintains an active blog on web development, customer experience, and product management. Check it out: https://moduscreate.com/blog
Modus is hiring and has a number of openings on our engineering team. Ready to transform your career? Check out these positions and apply today!
Apply for Back End Engineer - (Node, AWS Lambda & DynamoDB, GraphQL, Apollo): https://grnh.se/83ced13f3us
Apply for Back End Engineer (Python / Panda): https://grnh.se/42567b953us
Apply for Back End Engineer (WordPress): https://grnh.se/f0b655a43us
Apply for Front End Engineer (ExtJS): https://grnh.se/f93998673us
Apply for Front End Engineer (React): https://grnh.se/f3733b293us
Apply for Front End Engineer / Tech Lead (React Native Web):
Apply for Architect (Node, React, AWS): https://grnh.se/c73654c63us
Apply for Full Stack Engineer (React, Node, AWS): https://grnh.se/cdc63a833us
Apply for Full Stack Engineer (Javascript, Ruby): https://grnh.se/fa7370513us
Modus Create is a disruptive consulting firm that helps companies transform for success in the digital future through a unique collaborative engagement model that focuses on strategy, product design/build, user experience, company culture, and process change.
https://moduscreate.com
#Vue #Vue3 #VueJS #VueCompositionAPI #VueComposition
Видео How to Use the Vue 3 Composition API for Global State Management (without Vuex) канала Modus Create, Inc.
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![How to Fetch Data with Vue 3 Suspense, Fallbacks & Error Boundary](https://i.ytimg.com/vi/LvOYCjpMQ10/default.jpg)
![Why the Vue 3 Composition API?](https://i.ytimg.com/vi/6HUjDKVn0e0/default.jpg)
![Vue 3 Hooks and Type Safety with TypeScript](https://i.ytimg.com/vi/aJdi-uEKYAc/default.jpg)
![Vue 3 Composition API Introduction [FULL TUTORIAL]](https://i.ytimg.com/vi/bwItFdPt-6M/default.jpg)
![](https://i.ytimg.com/vi/SBFvh2AeE64/default.jpg)
![Creating a Vuex Clone with Vue 3 Composition API](https://i.ytimg.com/vi/QMx4lc2fiSs/default.jpg)
![Intro to Vue 3 + Composition API: Build a Todo App](https://i.ytimg.com/vi/rncY1tlWShM/default.jpg)
![How to use Vuex in your Vue 3 Applications: Use Vuex in the Composition API](https://i.ytimg.com/vi/xMBhViTlwcY/default.jpg)
![Vue 3 - What's New? What Changed?](https://i.ytimg.com/vi/A5cVyjrKx_Q/default.jpg)
![Learn Vuex in 30 MINUTES! (Vue JS 3)](https://i.ytimg.com/vi/nFh7-HfODYY/default.jpg)
![Thorsten Lünborg - Composition API Best Practices - Vue.js Amsterdam 2020](https://i.ytimg.com/vi/6D58SI9P-aU/default.jpg)
![How to Lazy Load Components in Vue 3 With Suspense](https://i.ytimg.com/vi/CptngiCFQGI/default.jpg)
![Announcing the Ionic Vue Bindings for Vue 3 and Ionic 5](https://i.ytimg.com/vi/hOtYtLaM1fU/default.jpg)
![Vuex Crash Course | State Management](https://i.ytimg.com/vi/5lVQgZzLMHc/default.jpg)
![What is Application State? - Build a Movie search app with Vanilla JS and Vue.js](https://i.ytimg.com/vi/7ilYJAG-_Ug/default.jpg)
![Build an Income Tracker in Vue JS ~ Composition API](https://i.ytimg.com/vi/AjV7k7t78Ik/default.jpg)
![Vue.js 3: What libraries & tools are compatible right now? | Vue 3 Ecosystem](https://i.ytimg.com/vi/KOKv1PSAFAk/default.jpg)
![How to use the Vue 3 Composition API - Beginner VueJS 3Tutorial](https://i.ytimg.com/vi/Jy6M1LHsh5c/default.jpg)
![All You Need Is Apollo Client by Natalia Tepluhina | VueConf US 2020](https://i.ytimg.com/vi/tXPvgWrLmeQ/default.jpg)
![Learn Vue 3 for Beginners - Full 2020 Tutorial Course](https://i.ytimg.com/vi/ZqgiuPt5QZo/default.jpg)