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. How to dynamically add and removed slides from the list of slides using the SwiperJS library.
Also because vitejs is awesome and fast, I will be using that as the starting point for my application. See more information on Ionic and ViteJS and how to setup the app in the video I posted last week.
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 creating a vuejs project in vite and then add in the Ionic stuff, it worked for me but if some has done it the other way, creating project in Ionic and. then add vite, please let me know.
After creating the vite project, you need to install the Ionic…
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.
Source code available at the end of the blog post, I have edited out imports to keep the code concise
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 implementation. I believe this combination can be beneficial to you also, so please take a look.
In part one, We set up the firebase project and connected it all to the firebase emulator for authentication and account creation all using reactfire. We will build the login screen and the…
We cover the following:
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
Working with React-Navigation DrawerNavigator and StackNavigator created a sample template application showing how to use a Drawer Navigator with Stack Navigator in React Native. In this example, I have used the latest version of react-navigation for react-native. Walking through the code explaining what I have written instead of typing and talking, please let me know your thoughts.
Join me on my journey of refreshing my memory with React Native and building mobile applications
Since Ionic has announced the beta for v6, I wanted to see if I can start using Ionic Framework and Capacitor with ViteJS.
If you are looking for VueJS integration, I got you covered here. ViteJS Ionic Framework and VueJS
In this video, the approach I took is to follow the instructions for creating a ReactJS project in ViteJS and then add in the Ionic packages with npm and then pasted in the required…
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.
statein German - definition of zustand
react-redux. We are looking for a more straight forward state management library that doesn't require a lot of boiler-plate
Just a reminder from the Supabase Documentation what exactly supabase is
Supabase is an open source Firebase alternative. We are a service to:
Listen to database changes.
Query your tables, including filtering, pagination, and deeply nested relationships (like GraphQL).
Create, update, and delete rows.
Manage your users and their permissions.
Interact with your database using a simple UI.
This example provides the steps to build a simple user management app (from scratch!) using Supabase and Vue.js. It includes:
In the last few weeks, I mixed it up with some VueJS and ReactJS. Had a few videos that were quite popular but the most popular was the video on using StorybookJS With Vue JS and Ionic Framework. You can see all the videos here on the YouTube Channel
How To Use Storybook with Ionic Framework and Vue JS
Intro video for configuring vuejs storybook and ionic framework.We will create a story for a LoginForm component with two input fields that emits events for login and create account
NEW REACT CONTENT
Quick Intro To ReactJS React Fire…