INTRODUCING
#THEFUTUREISWRITTENINCODE

Vue JS And PocketBase #1 Authentication And User Management #vue #pocketbase #sqlite In this video, we will explore how to use PocketBase, an open source backend with embedded database (SQLite), built-in authentication management, realtime subscriptions, and REST-ish API, with Vue.js. We will create a single-page application that demonstrates how to: - Use Tailwind With Vue / Vite - Implement login and create account functionality - Listen for changes in the authentication state - If you're interested in learning more about Vue.js and PocketBase, join us for this tutorial! Chapters --------------- 00:00 - No Intro Straight To Code - Setting Up Environment 05:13 - Getting Pocket Base Configured In App 09:34 - Running PocketBase Admin Application and Test Login 13:30 - Adding Login UI Stealing TailwindCSS from TailwindUI 26:40 - Listen for Auth Change Events on the AuthStore 30:20 - Adding UI For Creating Accounts In PocketBase 39:42 - Adding PocketBase API Call for Creating Account #javascript #webdevelopment #mobiledevelopment #mobileapp #firebase #supabase

New VueJS Pinia Vitest Video Tutorial BUT What About Ionic Framework #vue #ionic #pinia ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FULL VIDEO - https://youtu.be/W-D6h7Jne18 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ I was asked this question about this video series so here is my answer, Ionic Framework is AWESOME and can be used with angular vue or react!! So all of the concepts in this video apply to you vuejs ionic developers out there, so like, subscribe, and view this ASAP #javascript #ionicframework #vuejs #vitejs #vitest #testing #tdd #webdevelopment #mobiledevelopment #mobileapp #mobile #videotutorial #shorts #short

Vue JS Essentials: A Beginners Vue JS Series on Using Pinia, Vitest, and Supabase. Part 2, Managing Page And App State with Pinia... More Tests Including Mocking #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. 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. 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 ------------------------- 00:00 - Intro 01:48 - Adding the Form to the First Page 06:00 - updating store using $patch and move to next step 10:40 - Repeating the process for Second Page 14:00 - Updating the Form Fields from Store Values 16:15 - Displaying Store Content On the Summary Page 17:40 - Testing Form Submit Is Working For Step 1, With Store 28:50 - Testing Form Submit Is Working For Step 2, With Store 32:30 - Testing form interaction with Mocked Pinia store 38:20 - 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

Random Thoughts on Shorts, Reels & TikTok for Technical Content IMHO Shorts are for entertainment OR for driving traffic, viewers to some other website, or to your long-form youtube content. Also, people get interested, and are exposed differently, maybe the short got them interested in a topic and then. they searched for more interesting long-form content ~~~ checkout my videos @AaronSaundersCI #ionic #react #reactnative #vuejs #reactjs #vue #ionicframework #shorts #short #learning #webdevelopment #mobiledevelopment

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. ### Part Two - https://youtu.be/W-D6h7Jne18 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 ------------------------- 00:00 - Intro 00:45 - App Demo 02:30 - Setup, Installing NPM Packages 07:12 - Our First Vitest 10:33 - Check Vue App 11:07 - Build Basic Pages For Multi Step Form 13:40 - Managing Wizard Flow with Local State 15:20 - Adding Pinia 23:50 - Our First Pinia Test Using Vitest 28:40 - Vitest UI 30:18 - 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

React Native, Ionic Framework, ReactJS, VueJS, ViteJS, Ionic Capacitor, Firebase, Firebase Auth, Firebase Emulator And MORE !!! Links To This Month's Videos ----------------------------------------------- https://youtu.be/Xo17EupLcqo https://youtube.com/watch?v=Xo17EupLcqo&si=EnSIkaIECMiOmarE https://youtube.com/watch?v=kowZt0HoUCU&si=EnSIkaIECMiOmarE https://youtube.com/watch?v=YUbh1zTJW3A&si=EnSIkaIECMiOmarE https://youtube.com/watch?v=ORro4F1nTD8&si=EnSIkaIECMiOmarE https://youtube.com/watch?v=K_OwSHPxT-A&si=EnSIkaIECMiOmarE #ionic #reactnative #react #javascript #learntocode -~-~~-~~~-~~-~- Please watch: "How To Create A Multi-Step Form Wizard With ReactJS , React Hook Form, Pullstate and Ionic Framework" https://www.youtube.com/watch?v=IK7yVxyzY_8 -~-~~-~~~-~~-~-

Learn To Build Mobile Apps With React Native - Multi-Step Wizard With React Hook Form and Pullstate AND Thoughts on Ionic Framework Comparisons #react #reactnative #mobileapp In this video, I walk through the React Native code I wrote to replicate a multi-step wizard I previously built using Ionic Framework. I also share my thoughts on the debate between React Native and Ionic that's going on online. My goal with the video was to compare the development experience (DX) of the two frameworks, although I might need to write more code to make a definitive judgment. If you're interested in this topic, please leave a comment below. To achieve form validation, I used React Hook Form. Pullstate was used for managing the state between the different pages of the multi-step wizard, and React Native Paper was used for a simple, clean UI. 🕑 Chapters -------------------------- 00:00 - Intro, Visual Comparison of Ionic Framework & React Native 04:15 - Code Walkthrough of React Native Application 14:30 - Summary, Choose What Works For You and Your Team React Native -------------------- - Source Code - https://github.com/aaronksaunders/wizard-react-hook-form-pullstate-react-native Ionic Framework Version --------------------------------------- - Source Code: https://github.com/aaronksaunders/wizard-react-hook-form-pullstate-ionic - Video: https://youtu.be/IK7yVxyzY_8 Links -------- React Hook Form - https://legacy.react-hook-form.com/ Ionic Framework - https://ionicframework.com/ PullState - https://lostpebble.github.io/pullstate/docs/quick-example React Native Paper - https://reactnativepaper.com/ #javascript #mobiledevelopment #mobileapp #ionicframework #capacitor #reactjs #multistepform #formwizard #reactnative #react #pullstate #reacthookform -~-~~-~~~-~~-~- Please watch: "How To Create A Multi-Step Form Wizard With ReactJS , React Hook Form, Pullstate and Ionic Framework" https://www.youtube.com/watch?v=IK7yVxyzY_8 -~-~~-~~~-~~-~-

How To Create A Multi-Step Form Wizard With ReactJS, React Hook Form, Pullstate, and Ionic Framework #react #reacthookform #ionic React Hook Form for form validation Pullstate for managing the state between the different pages in the multi-step form wizard and Ionic Framework for a clean simple user interface and built-in animations to give the web developer the proper mobile look and feel. This video is a walkthrough of the code that is posted here on github - https://github.com/aaronksaunders/wizard-react-hook-form-pullstate-ionic Links ----------- React Hook Form - https://legacy.react-hook-form.com/ Ionic Framework - https://ionicframework.com/ PullState - https://lostpebble.github.io/pullstate/docs/quick-example #javascript #webdevelopment #mobiledevelopment #mobileapp #ionicframework #capacitor #reactjs #multistepform #formwizard #reactnative #react

LINK TO FULL VIDEO - https://youtu.be/IK7yVxyzY_8 A simple multi-step wizard using React Hook Form, Pullstate, and ionic framework with React JS #react #ionic #reacthookform #pullstate #statemanagement #ionicframework #javascript #mobileapp #mobiledevelopment #webdevelopment #reactjs Source Code - https://github.com/aaronksaunders/wizard-react-hook-form-pullstate-ionic FULL VIDEO - https://youtu.be/IK7yVxyzY_8 https://lostpebble.github.io/pullstate/ https://legacy.react-hook-form.com/ using version 7 -~-~~-~~~-~~-~- Please watch: "How To Create A Multi-Step Form Wizard With ReactJS , React Hook Form, Pullstate and Ionic Framework" https://www.youtube.com/watch?v=IK7yVxyzY_8 -~-~~-~~~-~~-~-