10 New Ionic Framework ReactJS & VueJS Video Tutorials — March — April 2021

Welcome,

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 #3 — Adding State Management With Redux Toolkit

integrate redux-toolkit as a method for state management in the application

Ionic ReactJS: React Hook Form Multi-Step Form/ Form Wizard with IonSlides

Create a multi-step form using React Hook Form and Ionic Framework React JS Components. I am using react hook form because I think it is a great library for managing forms and form validation. Ionic Framework IonSlides are a great container and user interface element for presenting the content to the user.

NEW VUE CONTENT

Ionic VueJS: How to Navigate in Ionic Modals with IonNav in Vue JS

The IonNav (ion-nav) — is a standalone component for loading arbitrary components and pushing new components onto the stack.

The idea here is to show how to create a custom 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

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

Ionic Vue JS: Managing Form Validation with Custom Form Components And Vee-Validate Composition API

We are going to show how to create decoupled form components that can be used/reused in your application and utilizing the composition API functionality of Vee Validate to validate and submit the form. The code can work with any vue 3 application, I am just using Ionic UI Components because that is what I work with every day

How To Use Storybook with Ionic Framework and Angular

Introduction to setting up a using Storybook js in an Ionic Framework Angular Project. See links below for VueJS or ReactJS We will create a simple ionic card component that displays content passed in as a parameter and emits custom events for clicking on a button associated with viewing details and another button and custom event for editing

Ionic Vue 3 CRUD App using Supabase.io : Using Storage Buckets with Supabase.io

Continuing the series on Supabase.io the open source firebase alternative

NEW VIDEO SERIES

Ionic Vue JS AWS Amplify Authentication CRUD Tutorial Part 1, Authentication UI Component

Integrate AWS Amplify with Ionic Vue JS — this is part one of a series of video about using AWS Amplify with Vue 3 and Ionic Framework. We will utilize the new Amplify Admin UI, Create Models and some relationships and then finally deploy the application to Amazon for hosting.

Ionic Vue JS AWS Amplify Authentication CRUD Tutorial Part 2, Amplify Admin UI & Creating Models.

In this video we will review whats was done in part one, sho how to access the new Amplify Admin UI Console and then use the console to create some data which we will query and render in the application

ONLINE COURSES AVAILABLE ON UDEMY & GUMROAD

If there is a course you are interested in happy to send over a coupon, just DM me on social media

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