Vue JS Essentials: A Beginners Vue JS Series on Using Pinia, Vitest, and Supabase #1 Getting Started
1.7 هزار بار بازدید -
2 سال پیش
-
Vue JS Essentials: A Beginners
Vue JS Essentials: A Beginners Vue JS Series on Using Pinia, Vitest, and Supabase. Part 1, getting the basic app and some tests running
#pinia #vue #vitest #supabase
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.
This series will be spread out across multiple videos, but this first video will provide an overview and demo of the solution we're building, as well as cover the setup and configuration of the environment.
💥 The Series
-----------------------
Part One - https://www.seevid.ir/fa/w/uiwiNqzsIVE
Part Two - https://www.seevid.ir/fa/w/W-D6h7Jne18
Part Three - https://www.seevid.ir/fa/w/_E7MzCEeheY
We'll then walk you through building three basic screens for the application, integrating Pinia for state management, and writing a simple test for the application component, as well as a simple test for Pinia. As we continue through the application, we'll create more functionality and write more robust tests.
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.
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/
💥 Chapters
-------------------------
https://www.seevid.ir/fa/w/uiwiNqzsIVE - Intro
https://www.seevid.ir/fa/w/uiwiNqzsIVE - App Demo
https://www.seevid.ir/fa/w/uiwiNqzsIVE - Setup, Installing NPM Packages
https://www.seevid.ir/fa/w/uiwiNqzsIVE - Our First Vitest
https://www.seevid.ir/fa/w/uiwiNqzsIVE - Check Vue App
https://www.seevid.ir/fa/w/uiwiNqzsIVE - Build Basic Pages For Multi Step Form
https://www.seevid.ir/fa/w/uiwiNqzsIVE - Managing Wizard Flow with Local State
https://www.seevid.ir/fa/w/uiwiNqzsIVE - Adding Pinia
https://www.seevid.ir/fa/w/uiwiNqzsIVE - Our First Pinia Test Using Vitest
https://www.seevid.ir/fa/w/uiwiNqzsIVE - Vitest UI
https://www.seevid.ir/fa/w/uiwiNqzsIVE - Summary
💥 Social Media
-------------------------
Twitter - https://twitter.com/aaronksaunders
Facebook - https://www.facebook.com/ClearlyInnovativeInc
Instagram - https://www.instagram.com/aaronksaunders/
Dev.to - https://dev.to/aaronksaunders
#ionic #ionicframework #vue #vuejs #pinia
~-~~-~~~-~~-~
Please watch: "Getting Started With Appwrite, Vue JS Ionic Framework & Capacitor"
https://www.seevid.ir/fa/w/3d71O1zvlaw
~-~~-~~~-~~-~
2 سال پیش
در تاریخ 1402/01/07 منتشر شده
است.
1,763
بـار بازدید شده