Creating a Shared Element Transition Animation in Ionic
Recently, someone asked me if it is possible to create a shared element transition in an Ionic application. I wasn’t actually familiar with that specific term, but it is something I’ve wanted to try...
View ArticleClik here to view.
Creating a Simple Live Chat Server with NestJS and WebSockets
When we are building applications, there are many instances where we want data updates from the server to display immediately. Perhaps we have a chat application and we want to display new messages to...
View ArticleUnderstanding the Ionic Ecosystem
With a little bit of research, you will quickly discover that the Ionic Framework is a framework for building cross-platform applications using web technology. What might be less obvious is exactly...
View ArticleUnderstanding JSX for StencilJS Applications
When building StencilJS applications (whether you are using Ionic with it or not) you will be using JSX to create the templates for your components. JSX is a syntax extension to standard ECMAScript...
View ArticleClik here to view.
State Management with State Tunnel in StencilJS
A StencilJS application, like many modern applications including those built with Angular or React, consists of a “tree” of components (in the case of StencilJS, this is a tree of web components).We...
View ArticleUsing NgRx for State Management in an Ionic & Angular Application
In this tutorial, we are going to tackle the basics of using NgRx for state management in an Ionic/Angular application.If you are unfamiliar with the general concept of State Management/Redux/NgRx I...
View ArticleThe Biggest Advantage of Ionic Applications: Web Views
I decided to write this article in response to some common questions/statements/responses I’ve been seeing for quite a while. In discussions where the cross-platform capabilities of Ionic are being...
View ArticleCreating Reusable Cross-Framework Components with StencilJS
StencilJS is the technology behind the most recent version of the Ionic Framework, which allows Ionic’s components to be used with any framework or with no framework at all (opposed to the situation...
View ArticleUsing Services/Providers to Share Data in a StencilJS Application
We’ve recently been discussing various ways to manage state in a StencilJS application, including using Stencil State Tunnel and Redux. We’ve specifically been considering the context of building Ionic...
View ArticleClik here to view.
State Management with Redux in Ionic & StencilJS: Loading Data
Over the past few weeks we have been covering various aspects of state management in Ionic applications - both with Angular (using NgRx) and StencilJS (using Redux).So far, we have only covered the...
View ArticleClik here to view.
Basic and Advanced Tab Navigation with Ionic & StencilJS
A tabbed navigation interface is very commonly used in mobile applications and, as with most things user interface related, the Ionic web components make implementing this kind of interface relatively...
View ArticleClik here to view.
Using NgRx Effects for Data Loading in an Ionic & Angular Application
As we have discussed quite a bit now, the idea with state management solutions like Redux and NgRx is to dispatch actions which are interpreted by reducers in order to produce a new state. In a simple...
View ArticleClik here to view.
Should Ionic & Angular Developers Learn StencilJS
This article was originally published via email to people who are subscribed to my newsletter, for the purpose of introducing my new book and providing some context around the benefits of using...
View ArticleClik here to view.
Creating a Dynamic/Adaptable Splash Screen for Capacitor (Android)
For me, the final touches and app store preparation stuff has alway been the most dull and frustrating part of building applications. Once you’ve finally finished coding your application you probably...
View ArticleStencilJS vs Angular for Building Ionic Applications
Since Ionic now uses web components to deliver their collection of user interface elements for building mobile applications, we are not limited to building Ionic applications in just one way. Web...
View ArticleUsing RxJS Observables with StencilJS and Ionic
Recently, we’ve been covering a few different ways to handle state management in an Ionic and StencilJS application. This has included using simple singleton services and far more complex state...
View ArticleUsing the Capacitor Storage API for Storing Data
When building our applications, we will often want to store data in some kind of storage mechanism such that it is available to use even after the application has been exited and returned to later. A...
View ArticleClik here to view.
Creating a Local Capacitor Plugin to Access Native Functionality (iOS/Swift)
One of the biggest issues and limitations faced by Ionic developers, and other “hybrid” application developers, is the reliance upon third-party solutions for accessing native functionality.Tools like...
View ArticleClik here to view.
Building a Notepad Application from Scratch with Ionic (StencilJS)
A difficult part of the beginner’s journey to learning Ionic is the step between understanding some of the basics and actually building a fully working application for the first time. Concepts...
View ArticleThe Basics of Unit Testing in StencilJS
Automated testing such as unit tests and end-to-end tests are, in my view, one of the biggest “level up” mechanics available to developers who are looking to improve their skillset. It is difficult and...
View Article