Is it possible or recomendable to develop web applications for desktops with Ionic 2? If not, why not?
There’s some counter-indication?
How could I make it responsible like Bootstrap? Is it possible or recommendable to develop web applications for desktops with Ionic 2?
How could I make it responsible like Bootstrap? Bootstrap has a responsive grid where it’s possible to set the number of columns accoding the kind of device. If the app is running at a smartphone an element can be set to have 12 columns while a desktop can have 2 columns. Is it possible with bootstrap?
And how about PWA in desktop? Can I create PWAs like this?
I see at least a couple of challenges with desktop support though…
ie11… there are some issues with IE11 support using Ionic 2 components, like styling issues.
Ion controls not optimized for desktop… some controls like the Virtual Scroll don’t work yet with mouse scroll in desktop… And there is no styling for things like hover for desktop (usually you would show a focus color on hover)
multiple views for components… Ideally, you would be able to create a separate View (Template) for the desktop version of a Component. But Angular 2 does not support dynamic TemplateUrl assignment to a Component. So it seems like we are stuck with an *ngIf to show different views, but that’s not the cleanest.
Anyway, I think the first 2 issues listed above can be worked around by the *ngIf to show different views. But it could be cleaner if Ionic were more focused on desktop and mouse.
Curious what other folks are doing to address these challenges?
I’m really interested in some guidance on best practice here. If I want to create an app that runs in a desktop browser (perhaps with a CSS framework such as Bootstrap or Semantic UI) and also mobile devices (and also with PWA functionality), what’s the best approach? What’s the best way of architecting such an app so that the UI is optimised for desktop and mobile and with as much code sharing as possible. Anyone have any suggestions?
I’m not looking for a desktop app solution like Electron provides (not yey anyway). More looking for guidance on the best way of building an app that runs in a desktop browser but (with the same codebase) also provides a PWA and a native (hybrid) app.