Source Code

How to Handle Errors Reactively when Using the Async Pipe

We investigate how to implement a clean and reactive approach to error handling with the async pipe in Angular

Refactoring an Ionic Application into Reuseable Nx Libraries

We investigate how to refactor a basic Ionic application into Nx libraries for organisation and code resuse

Creating a Web3 Login with Ethereum/MetaMask Integrated with Firebase Auth

We look at how to create a login process using MetaMask to sign data with a private key for an Ethereum address, and use that to authenticate with Firebase using a Custom Auth Token.

Requiring Pull Requests and Reviews in Your Git Workflow

In this tutorial, we cover how and why to enforce pull requests for merging into your main branch

Using TDD to Test and Deploy Firestore Security Rules Locally

In this tutorial, we walk through how to write unit tests for Firestore security rules locally and test them using the emulator

Imperative vs Declarative Programming with RxJS: A Search Filter

In this tutorial, we discuss the differences between imperative and declarative programming and show how it affects a search implementation

Creating Dynamic Angular Forms with JSON

In this tutorial, we walk through how to build a dynamic Angular form from a JSON data source

Adding Continuous Delivery/Deployment (CD) to Your Ionic Project

In this tutorial, we will walk through adding Continuous Delivery/Deployment to your application using Netlify

Adding Continuous Integration (CI) Builds to Your Ionic Project

In this tutorial, we will walk through adding Continuous Integration (CI) builds to your project using GitHub Actions

A Simple Project Management Workflow for Ionic Developers

In this tutorial, we will walk through a simple project management and Git workflow process for Ionic applications

State Management with Redux & StencilJS: Loading Data

In this tutorial, we investigate how to set up Redux in a StencilJS application and use it to load data with graceful error handling

TDD with StencilJS: Refactoring to use Page Objects and beforeEach

In this tutorial, we will refactor our existing E2E and unit tests to make them more organised

TDD with StencilJS: Creating a Time Tracking Ionic Application

In this tutorial, we will walk through starting to build a time tracking application with Ionic/StencilJS using Test Driven Development

Protecting Against XSS (Cross Site Scripting) Exploits in Ionic (Angular)

In this tutorial, we investigate when Angular's automated XSS protect will prevent exploits and when it won't

Displaying a Native List in Ionic

In this tutorial, we walk through how to add a native iOS list to an Ionic application

How to Launch Native Views in an Ionic Application

In this tutorial, we will walk through how to easily launch a native view from an Ionic application with Capacitor

Handling File Uploads in Ionic

In this tutorial, we will walk through how to upload files from an Ionic application to a backend Node/Express server using multer

Uploading Files to a NestJS Backend

In this tutorial, we will build a backend with NestJS that can handle uploading files that are sent to it.

Using the CreateAnimation Wrapper Component in an Ionic/React Application

In this tutorial, we will be covering how to use the CreateAnimation wrapper component and the standard createAnimation method to create animations in an Ionic and React application

High Performance Animated Accordion List in Ionic

In this tutorial, we will be building a high performance accordion list in an Ionic application that is animated without using height to increase performance

Create your Own Drag-and-Drop Functionality Using Ionic Gestures

In this tutorial, we use Ionic Gestures to create our own custom drag and drop functionality without any external libraries

Using the FLIP Concept for High Performance Animations in Ionic

In this tutorial, we use the FLIP concept and the Ionic Animations API to create a high performance add to cart animation

Creating a Staggered Animation for an Ionic Infinite List (without SASS)

Use CSS variables to create a staggered animation for an Ionic list with dynamic infinite content

Creating a Gmail Style Swipe to Archive with the Ionic Animations API

Use Ionic Gestures and the Ionic Animations API to create a Gmail style swipe-to-archive feature.

The Basics of Unit Testing in StencilJS

In this tutorial, we investigate how to use Jest to create unit tests for our StencilJS components

Using NgRx Effects for Data Loading in an Ionic Application

In this tutorial, we will investigate how to use NgRx Effects to create a data loading process in our application that handles error states

Hybrid App Developers: Don’t Store Your User’s Passwords

This article explains why you should not be storing user passwords in local storage and what you can do instead.