Posts in category JavaScript

Using Redux Reactive Forms With Ionic in One Go

thumbnail Ionic Redux template-driven forms

After last week’s tutorial on Template-Driven Forms and Redux. Today we attack the Reactive side. We are very lucky because there aren’t many changes. We have already seen what Reactive Forms are, how to use them and how to validate them in Angular.

Using Redux Template-Driven Forms With Ionic in One Go

thumbnail Ionic Redux template-driven forms

We have already seen what Template-Driven Forms are and how to use them with Angular in a previous tutorial. In this one we take another approach by coupling it with Redux in an Ionic application. You should have a look at the Redux introduction and the time travel tutorial if you are not familiar with this new technology. As usual […]

Implementing GraphQL using Apollo in an Ionic Application...

thumbnail ionic graphql node apollo intro

7 years ago I had to do a school project on REST or SOAP. I followed my instinct and chose REST. Today I’m taking a step forward with GraphQL. Just like Redux, this technology is trending via Facebook’s React and we can now use it in our Ionic applications.

Implementing Redux Time Travel in an Ionic Application

thumbnail ionic redux time travel undo redo

Implementing an Undo Redo System (or Time Traveling) in an Ionic application can be complex, we have to keep in memory states, changes, actions, bindings and this is a huge headache. On the other side if we use Redux, this can be done with 10-20 lines of code. So let’s use this baby!

Mastering File Navigation with Ionic Native File

thumbnail ionic cordova file navigation

In continuation of the previous tutorial on the Cordova File Navigator, here is the one on the Ionic Native solution. Don’t hesitate to have a look at the other one, there might be some complementary information there.

Mastering Cordova’s File Navigation in an Ionic App...

thumbnail ionic cordova file navigation

I literally spent 2 hours trying to find a good music player for iPhone. Why? Every music files I downloaded on the web were just lost somewhere and no applications could access it … Ridiculous right? In this tutorial we create a file navigation mobile application that allows us to access any file on any device. From there you can […]

Understanding the Manifest of an Ionic PWA in One Go

thumbnail ionic PWA configuration manifest

The configuration of a progressive web app (PWA) is mainly done in the manifest.json file. As usual, we, Ionic developers are lucky guys because this file is already configured for us. This tutorial focuses on understanding how this file impacts our PWA. 

Creating an Ionic PWA with Firebase Offline and Service W...

thumbnail ionic PWA firebase offline

Progressive Web Apps or PWA are rising. As the name suggests, they are web applications. The only difference is the progressive aspect. This word represents what we have been doing for years. We could have stayed at the Web 1.0 with static websites and funky blinking links, but thank god we didn’t.

Using Firebase Storage in Ionic

thubmnail ionic firebase storage

Most applications stock information so user’s can leave and come back later. In the past we only had one option: stocking the data in a separate folder on the server side. In this tutorial we explore the new way to easily stock our data using Firebase’s Storage Service and skip all the DevOps rules.

Adding Twitter Authentication with Firebase in Ionic

thumbnail ionic firebase twitter oauth

The OAuth system allows us to skip the registration step and allows a user to directly access the application using a social media account. In this tutorial we mix together Firebase and Twitter’s Authentication in an Ionic mobile application.