Vue JS Essentials: A Beginners Series on Pinia, Vitest, and Supabase #2 Pinia, Tests And Mocking

In this video series, we’ll show you how to build a multistep wizard with form validation and database persistence using Vue JS and related technologies. We’ll start with the basics of Vue JS and add Pinia for state management, Vue-use-form for form va…


This content originally appeared on DEV Community and was authored by Aaron K Saunders

In this video series, we'll show you how to build a multistep wizard with form validation and database persistence using Vue JS and related technologies. We'll start with the basics of Vue JS and add Pinia for state management, Vue-use-form for form validation, and Vitest for testing.

The second video specifically focuses on demonstrating how to use Pinia for managing page state, user input for each of the steps in a wizard, and application state. Pinia is a state management library for Vue.js.

In addition to that, the video will also showcase how to write tests using the Vitest library for both the UI and the Pinia store. It will cover the process of mocking the Pinia store and demonstrate how to write unit tests for it. By the end of the video, you will have a clear understanding of how to use Pinia for managing state in your Vue.js applications and how to write tests for it using Vitest.

By the end of this video series, you'll have a solid foundation for building a multistep wizard with form validation and database persistence in Vue JS, Pinia, Vue-use-form, and Vitest.

What Libraries We Are Using In Series

Vuejs - The Progressive JavaScript Framework. An approachable, performant, and versatile framework for building web user interfaces.
https://vuejs.org/

Pinia -The intuitive store for Vue.js. Type Safe, Extensible, and Modular by design. Forget you are even using a store.
https://pinia.vuejs.org/

Vitest - Blazing Fast Unit Test Framework. A Vite-native unit test framework. It's fast!
https://vitest.dev/

vue-use-form - A composition api form validator for vue
https://vue-use-form.netlify.app/


This content originally appeared on DEV Community and was authored by Aaron K Saunders


Print Share Comment Cite Upload Translate Updates
APA

Aaron K Saunders | Sciencx (2023-03-29T17:33:48+00:00) Vue JS Essentials: A Beginners Series on Pinia, Vitest, and Supabase #2 Pinia, Tests And Mocking. Retrieved from https://www.scien.cx/2023/03/29/vue-js-essentials-a-beginners-series-on-pinia-vitest-and-supabase-2-pinia-tests-and-mocking/

MLA
" » Vue JS Essentials: A Beginners Series on Pinia, Vitest, and Supabase #2 Pinia, Tests And Mocking." Aaron K Saunders | Sciencx - Wednesday March 29, 2023, https://www.scien.cx/2023/03/29/vue-js-essentials-a-beginners-series-on-pinia-vitest-and-supabase-2-pinia-tests-and-mocking/
HARVARD
Aaron K Saunders | Sciencx Wednesday March 29, 2023 » Vue JS Essentials: A Beginners Series on Pinia, Vitest, and Supabase #2 Pinia, Tests And Mocking., viewed ,<https://www.scien.cx/2023/03/29/vue-js-essentials-a-beginners-series-on-pinia-vitest-and-supabase-2-pinia-tests-and-mocking/>
VANCOUVER
Aaron K Saunders | Sciencx - » Vue JS Essentials: A Beginners Series on Pinia, Vitest, and Supabase #2 Pinia, Tests And Mocking. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/03/29/vue-js-essentials-a-beginners-series-on-pinia-vitest-and-supabase-2-pinia-tests-and-mocking/
CHICAGO
" » Vue JS Essentials: A Beginners Series on Pinia, Vitest, and Supabase #2 Pinia, Tests And Mocking." Aaron K Saunders | Sciencx - Accessed . https://www.scien.cx/2023/03/29/vue-js-essentials-a-beginners-series-on-pinia-vitest-and-supabase-2-pinia-tests-and-mocking/
IEEE
" » Vue JS Essentials: A Beginners Series on Pinia, Vitest, and Supabase #2 Pinia, Tests And Mocking." Aaron K Saunders | Sciencx [Online]. Available: https://www.scien.cx/2023/03/29/vue-js-essentials-a-beginners-series-on-pinia-vitest-and-supabase-2-pinia-tests-and-mocking/. [Accessed: ]
rf:citation
» Vue JS Essentials: A Beginners Series on Pinia, Vitest, and Supabase #2 Pinia, Tests And Mocking | Aaron K Saunders | Sciencx | https://www.scien.cx/2023/03/29/vue-js-essentials-a-beginners-series-on-pinia-vitest-and-supabase-2-pinia-tests-and-mocking/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.