Posts by Matthieu Drula

Using Redux Reactive Forms With Ionic...

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 Wit...

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 ...

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 GraphQL using Apollo in ...

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 ...

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 ...

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 Naviga...

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 Ioni...

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 O...

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.