Posts tagged 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

Apollo for Angular is quite new so this article will be quite experimental and (I hope) it might change after the release of the incoming apollo-client 2.0. Thanks to Angular, Ionic applications benefit from two-way data bindings and this feature will affect how our CRUD is built.

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!

Adding Redux to an Ionic Application

thumbnail ionic redux implementation intro

Redux. You certainly have heard this word unless you lived in a cave during the past four years, if that’s the case welcome back, Donald Trump is president of the United States and World War 3 is coming soon (here is a secure source 🤣). Joke aside. Redux is rampaging because it allows us to write better quality applications and […]

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.