In this course, we’ll be exploring the fundamentals of Vuex: Vue’s state management library. If you’ve been following along with our beginner path, this course will pick up where Real World Vue 3 left off. By the end of this course, you’ll have a solid understanding of when and why to use Vuex, and you’ll be empowered to implement it within your own Vue apps. Lesson by lesson, we’ll be adding Vuex to the example app that we created in the Real World Vue 3 course.
Vuex Fundamentals
44m 13s
English
Free
Vuex Fundamentals is a 6-lesson 44 minutes self-paced course by Vue Mastery. In this course, we’ll be exploring the fundamentals of Vuex: Vue’s state management library.
Course facts
- Lessons
- 6
- Duration
- 44 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- Vue Mastery
- Price
- Free
Additional
Who teaches Vuex Fundamentals? Vue Mastery
Vue Mastery is the dominant subscription video platform for the Vue.js ecosystem, founded by Adam Jahr and Gregg Pollack in 2018 with the explicit endorsement of the Vue core team. The platform is the closest thing to an official video-tutorial source for Vue — Evan You (Vue's creator) and other Vue / Nuxt core team members appear regularly on the courses, and a portion of every subscription supports Vue's open-source development.
The instructor roster includes Vue / Nuxt core team members and ecosystem leaders: Evan You, Daniel Kelly, Michael Thiessen, Eduardo San Martín Morote, Ben Hong, Markus Oberlehner, and others. Course material covers Vue 3 in depth (Composition API, reactivity internals, performance), Nuxt 3 / 4 production patterns, Pinia state management, Vue Router, TypeScript with Vue, testing with Vitest, and the broader Vue tooling ecosystem.
The CourseFlix listing under this source carries over 40 Vue Mastery courses spanning the full curriculum. Material is paid; Vue Mastery itself runs on a monthly / annual subscription on the original platform. Courses range from absolute-beginner Vue intros through advanced patterns aimed at senior Vue developers.
What lessons are included in Vuex Fundamentals?
- Space or K: play or pause
- J: rewind 10 seconds
- L: forward 10 seconds
- Left Arrow: rewind 5 seconds
- Right Arrow: forward 5 seconds
- Up Arrow: volume up
- Down Arrow: volume down
- M: mute or unmute
- F: toggle fullscreen
- T: toggle theater mode
- I: toggle mini player
- 0 to 9: seek to 0 to 90 percent of the video
- Shift plus N: next video
- Shift plus P: previous video
0:00 0:00
| # | Lesson Title | Duration |
|---|---|---|
| 1 | Intro to Vuex | 05:37 |
| 2 | Global State | 07:36 |
| 3 | Updating State | 08:05 |
| 4 | Fetching State | 13:32 |
| 5 | Error Handling | 06:53 |
| 6 | Next Steps | 02:30 |
What courses are similar to Vuex Fundamentals?
Updated 3y agoMASTERING NUXT Learn Nuxt.js by Building a Real World App
By: Mastering NuxtLearn how to build robust, modern websites with Nuxt from scratch. Or improve your website performance, code quality, while making better use of the framework.10h 36m5/5
Updated 1y agoReal-Time Data with Laravel Reverb and Vue.js
By: Vue SchoolWant to add real-time data functionality to your applications in Laravel and Vue.js?44m
Updated 2y agoVue.js + Laravel: CRUD with SPA
By: LaravelDailyMaster Vue.js with Laravel to build a single-page application. Learn SPA routing, components, and Axios to boost your full-stack skills.1h 50m
Updated 2y agoAdvanced Vue Component Design
By: Adam WathanWhen I first started using Vue, I fell in love because of how easy it made it to do what quickly turned into a mess with jQuery, like dynamically adding fields3h 57m
Frequently asked questions
What are the prerequisites for this course?
Prospective students should have completed the 'Real World Vue 3' course or possess equivalent knowledge of Vue 3. Familiarity with basic Vue concepts will be essential to understand and implement the state management techniques taught in this course.
What kind of projects will I work on during the course?
Throughout the course, students will enhance an example app created in the 'Real World Vue 3' course by integrating Vuex for state management. This hands-on approach will help you understand how to manage global state, update it, and handle errors in a practical context.
Who is the target audience for this course?
The course is designed for Vue developers who have a basic understanding of Vue 3 and are looking to enhance their skills with state management using Vuex. It is particularly useful for those who have completed the 'Real World Vue 3' course.
How does the depth and scope of this course compare to similar courses?
This course provides a focused exploration of Vuex within the Vue ecosystem, specifically building on the knowledge from the 'Real World Vue 3' course. It offers a practical approach to state management rather than a broad overview of other state management libraries.
What specific tools or platforms will be used in this course?
The course focuses on the Vuex library, which is an integral part of the Vue.js framework. Students will use Vuex to manage state within Vue applications, learning how to implement global state, update and fetch state, and handle errors.
What topics are not covered in this course?
The course does not cover other state management libraries outside of Vuex, or advanced Vue.js topics beyond state management. It is specifically tailored to those looking to implement Vuex effectively in Vue applications.
What is the expected time commitment for this course?
The course consists of 6 lessons, with the total runtime yet to be determined. Learners should allocate additional time for practical exercises and integration of Vuex into the example app, ensuring a solid understanding of the concepts.