How to Build an Ionic 4 App with Offline Mode

Video Courses, Project Templates, Community & the Support you deserve to learn Ionic!

#############################

#############################

You can also find me

#############################

[SumeetChawla]

I saw your other tutorial too. You seemed to be really worried about the sun light. It actually gives a very vacation-y tropical feel to the tutorial haha :)

[HorizonWave]

Sir, Can you please create tutorials on RXJS? You are indeed a wonderful teacher.

[elmichiapologeta]

sorry, buy network plugin from ionic returns always "unknown" type network, any help??

[ashaychavan]

Hello Simon,
I'm working on ionic offline mode app.
1. Can you please suggest me how to set and get formdata in ionic storage.
2. After capturing image through camera how should I get that image in multipart format.

[selectivemusictracks]

Thanks mate. I have been digging from quiet a long i have finally found it . thanks and regards.

[PabloGonzalez-ekvg]

Excelent! Great and simple solution. Thanks!

[mikeciav]

Thank you this is great. Also would love some videos on rjxs as well.

[RossRawlins]

This is a a great basic set up but for large data I moved over to firestore and it makes life much easier.

[steala]

Please do a video on rxjs bits please. Great video. Thanks!

[agunity-developer]

Whats about race conditions? For example, if you do you "push" and before it is hitting 'finalize', a new element gets added. I wonder if there is also a race condition for storage management. Reading something, altering, and then writing it async. If that happens more often than once at the time it might do something unexpected.

[carithocrack]

You are wonderful, saved my life !!!
amazing video ♥

[srrr]

Hi Simon, Is that a simulator that you are using to demo your app? Can you please explain how you are testing your app in the video?

[arvinlorenz]

Very nice! Is there any update for this using Capacitor?

[monodev]

Thank you Simon! Great solution, I need some recomendation for any Web ORM like TypeORM. Do you know anything like this?

[daniellaerachannel]

Hi Simon! your tutorials are simply great! thanks a lot! Please can you build a tutorial on how to create a cross platform app with ionic/angular, a online store with a nodejs server? thanks a lot

[kjellieboy]

Hi Simon,


We implemented this in an app which will be used in a warehouse without wifi for stock movements.
It works great!


We want to implement the offline mode in another app but this is a bit of a struggle.
The use case is that the users can create projects and add hour registrations on it.
Creating a project and adding hour registrations are separate API calls.
The ids are auto generated by the API.

Create project: POST /api/projects -> returns auto generated id
Create hour registration: POST

If we work offline the API call for creating a project is added to the offline cache, and we don't have any id to start our hour registration.


Is this a problem you have encountered? What are your thoughts on this?
If I find a solution, I'll reply to this post.

[pankajpandey]

Can we do with ionic 5 as well or Ionic 5 has more features for storage. Please give your suggestion.

[Javed.humayun]

Hi great tutorial. But i have a use case for play video offline how to achieve this?

[francopioletti]

Please do make a video about the rxjs operators

[klejzrPC]

Hi @Simon Grimm. I've got this issue in console log : NetworkService]:
StaticInjectorError(Platform: core)[MyApp -> NetworkService]: