Last year I’ve published a post Implementing the Master-Detail Pattern with Ionic 3, 12 months later and a new major release Ionic 4, we’ll see on this new post how to achieve it with Ionic 4 and which benefits to upgrade from Ionic 3.
It was a trending topic during long months on Ionic community. A lot of ways were explored and issues open to add it natively on Ionic framework. Finally the Ionic team decided to migrate to angular-cli on v4 and re-use the angular-cli native solution to manage environment variables.
Thanks to latest releases it’s easy now with Ionic v3.x to build a PWA. But as shown on Lighthouse tool, out of the box performance is not extraordinary.
One of Meumobi’s goals is keep the code clean, readable and maintainable. We have did this manually so far. In order to improve our quality we have been studying how to do this automatically.
Sharing the same code between PWA and Native (iOS/Android) is a practice we have been using on our Ionic apps. An essencial service for many projects is Google Analytics (GA). We did a deep search to find the best option for our scenario. There was a main solution out there.
Many companies have now started to build PWAs instead of native apps, but sometimes you want/need both: PWA and native app. One main reason could be the non-support by iOS of a major PWA feature: Push Notification.
Sometimes you found yourself writing same code to solve same problems. To avoid this situation a lot o frameworks allow to produce independent and re-usable modules. And ionic allows too.
So let’s do it.
Hi, today we will make a to-do app using just Firebase Database and Firebase Cloud Functions, accessing functions through URL requests.
The new and improved ‘Add to Home screen’ and HTML5 APIs running fast to provide best device features integration on Web Browser, are getting PWAs closer to Native App behaviours. And since Service Worker API support in Safari changed to in development, meaning Safari is going to support service workers, the full potential of PWAs is opened up to developers and users.
And you can now share the PWA community-approved logo, customized with your own primary color. So everything is ready for the launch!
Apple iOS has a feature called “Add to Home Screen”, which basically makes your mobile website look like an app (it hides the browsers’ address bar and everything). You can tailor your web application for Safari on iOS even further, by making it appear like a native application when the user adds it to the Home screen. You do this by using settings for iOS that are ignored by other platforms.
