Published in CodeX·PinnedIonic Framework VueJS and Dynamic Slides Using SwiperJSIonic Framework VueJS and SwiperJS Ionic has depreciated IonSlides in the v6 release and recommends using the underlying library SwiperJS. In this short post I show how to integrate SwiperJS and it VueJS wrapper to display a set of slides holding IonCards. …Ionic Framework7 min read
PinnedGetting Started with ViteJS, Ionic Framework Beta v6 And VueJSVite + Ionic v6 + VueJS Since Ionic has announced the beta for v6, I wanted to see if I can start using ionic with ViteJS If you want to understand more why Vite was created and what its benefits are, you can read here https://vitejs.dev/guide/why.html The approach I took is to follow the instructions for…Vuejs6 min read
PinnedHow to Navigate in Ionic Modals with ion-nav in VueJSOverview The idea here is to show how to create a navigation stack in your Ionic VueJS Application that is specifically for a modal dialog. The modal dialog will still be working with pages, pushing and popping onto the navigation stack and the changes will not impact the overall application navigation. …Ionic Framework5 min read
PinnedUsing ReactFire & Redux To Build A CRUD App with Firebase EmulatorOverview This video series covers Create React App, ReactFire, Redux Toolkit and Firebase Emulator to build a simple CRUD application. When I am developing solutions I like to find tools that make it easier for me to focus on adding value through the application and spend less time on the technical…React1 min read
PinnedBuild A CRUD App Using Vue 3, Ionic Framework And FirebaseShowing how to build a basic CRUD application using Composition API and Firebase Storage using the new Ionic Framework Web Components for Vue 3. We cover the following: Firebase Authentication Using Tabs In Your Vue Application Child/Nested Routes In Tab Application Using Ionic Modals Using Ionic Alerts Using Composition API …Vuejs1 min read
Mar 3Video Tutorials On Remix Run — New ReactJS Based Full Stack Web Development FrameworkHere is what’s been taking up most of my video content creation mindspace… it is not Ionic Framework related but I like to mix it up a bit. I have been following along with the progress of Remix for the last two months and I think there are some pretty…Remix3 min read
Mar 1Intro To Firebase ReactFire v4 — Login, Logout Create Account And Protected RoutesOverview This is a quick walkthrough of a code example using ReactFire v4 in an application. The application supports login, logout, create an account, and protected routes. We also walk through two approaches for protecting routes since the AuthCheck component that existed in v3 no longer exists in v4 of ReactFire. …Firebase4 min read
Dec 3, 2021Creating An Authentication Flow With Remix and Supabase TutorialSimple application showing authentication flow and session management using react Remix and SupabaseRemix1 min readCreating An Authentication Flow With Remix and Supabase Tutorial
Dec 2, 2021Intro To Using Pinia For State Management In VueJSIntro To Using Pinia For State Management In VueJSVuejs1 min readIntro To Using Pinia For State Management In VueJS
Oct 13, 2021React Native Mobile App Development Refresher — Video Series ContinuedThis is the continuation of a video series I created while I am refreshing my React Native skills building a simple app starting off with Expo.io. The entire seven-part series is available here — React Native with Supabase Refresher Video Series React Native Mobile Apps, Working With React Navigation Supabase Create Account, And React Hook Form In this video, we add a form for…React Native2 min read