Ionic 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. …


Vite + 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

The approach I took is to follow the instructions for…


Overview

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.


Overview

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…


Showing 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
  • CRUD for data in memory, will use firebase eventually

I am using the latest beta release of the Ionic Integration with Vuejs Beta 3. I am using typescript in the example and relying heavily on the new pattern of Composition API when creating single file components.

Below are links to the first four videos and next week I will release two more videos covering additional topics as we work through building the applications


This 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…


The MongoDB Realm Web SDK enables browser-based applications to access data stored in MongoDB Atlas and interact with MongoDB Realm services like Functions and authentication. The Web SDK supports both JavaScript and TypeScript applications.

In our project, we are going to connect to a MongoDB backend hosted in the cloud…


This is 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

Part One: React Native Mobile Apps, Working with React-Navigation DrawerNavigator and StackNavigator

Working with React-Navigation DrawerNavigator and StackNavigator created a sample template application…


Since Ionic has announced the beta for v6, I wanted to see if I can start using Ionic Framework and Capacitor with ViteJS.

Even if you don’t use the Ionic ReactJS Components, this video shows you how you can deploy you ViteJS application to mobile devices using Ionic Capacitor

If…


A small, fast and scalable bearbones state-management solution using simplified flux principles. Has a comfy api based on hooks, isn’t boilerplatey or opinionated.

Introduction to React State Management with Zustand — YouTube

Clearly Innovative

DC based software agency utilizing #Javascript, #Typescript, #HTML5, #Ionicframework, #NodeJS, #Firebase to build web & mobile solutions. https://buff.ly/300Zru

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store