I'm new to Ionic (and web apps in general) and I'm looking to grab a list of events and display them in a progressive web app (pwa). I looked into Ionic Calendar and some of the other Cordova-Phonegap plugins that allow you to add events to a devices native calendar, but it seems to be unclear whether or not this is for Ionic Native apps or if you can do this with a pwa as well. If this isn't possible with pwa, do I still need to use Calendar to display a list of events and push notifications for upcoming events based on date and time from the app? I appreciate any help in advance. Thanks!
You can use the Ionic Framework to build Hybrid Mobile Apps (requires Cordova/PhoneGap) or PWA's (i.e., Cordova/PhoneGap not required).
N.B. Ionic Native is a suite of TypeScript wrappers for popular Cordova/PhoneGap plugins.
Re "What can a PWA do", see: https://whatwebcando.today/
Related
Ionic was built with mobile in mind - creating a good mobile experience using web technologies. You start out with a web app, so there is the possibility to use it for all 3 platforms. However I’ve never seen anything that resembles a complex web application that uses iconic for both the web and mobile. Will it support the ability to use 3rd party controls such as complex grid controls that may only be used on the web and not in the mobile apps. I’m trying to decide if we use ionic just for mobile and have a completely separate code base for our web application. Any invites would be greatly appreciated!
Basically everything that works on the web also works on mobile devices built with Ionic.
Ionic creates a WebView where javascript code runs. you can use capacitor or cordova to manage native functionality.
So if you have web developers you can do anything you could do as "Mobile Web" but in an app.
Now you can also choose whether to use react, angular or vue.
For example using Ionic with react you can use the VirtualDom and develop exactly as if you were using react on the web.
Instead, using for example React Native you will be forced to use a set of react components (or write new ones) but you will not have the VirtualDom available.
However you can also integrate native code, which Ionic doesn't support.
There are a lot of articles online that cover the subject by comparing competitors:
From Ionic
So yes, you can use all javascript libraries!
is there anyone who will help me about ionic framework.
I want to know that can we develop desktop and mobile application both with single codebase in ionic framework.
I want to know that can we develop desktop and mobile application both with single codebase in ionic framework.
Yes, this is exactly the purpose of Ionic.
Check out what is Ionic.
Yes, however you will find a few Ionic components do not provide an ideal user experience on the desktop. For example, ion-datetime should probably work as a dialog on a large screen, instead uses a mobile and touch only friendly slide-up UI with selection characteristics that make number choice with a mouse quite difficult.
Give Electron a try, on youtube search with: Ionic Framework with Electron for building Desktop Application.
I've searched some times here but could't find an Answer to this.
Does someone know this and can explain how Ionic handles it?
Does Ionic compile the Code to Native? NO
Ionic is for developing Hybrid apps.
What are Hybrid apps?
Hybrid apps are essentially websites embedded in a mobile app through
what we call a webview. They are developed using HTML5, CSS, and
Javascript, and execute the same code regardless of the platform in
which they run. They can, with tools like PhoneGap and Cordova, use
the native features of a device, like GPS or camera.
What are Native apps?
Native apps are developed in the language required by the platform it
targets, Objective-C or Swift for iOS, Java for Android, etc. The code
written is not shared across platforms and their behavior varies. They
have direct access to all features offered by the platform without any
restriction.
Here is a nice article about it.
Cordova converts the project into a native which has only ONE Page, that is a WebView (WKV WEB View in iOS, etc). And all of the ionic code is run on that webview. Basically an ionic/cordova app is a website which looks like an app!
I would like to develop a website and mobile apps(android, ios) with same functionality. I want to reuse the web page code for mobile platforms.
Is ionic good for me?
Can I add different looking / functionality for my web page or it have to be same?
Yes the ionic mobile platform good for you because you
are website developer so you have knowledge about JavaScript, jQuery,
css, AngularJs, HTML right, and in using Ionic platform this is
technology we are used for developing mobile application only. You have
to get some knowledge about Cordova plugins because PhoneGap, Ionic is
totally plugins based architecture.
I do not understand what are the difference between ionic.io and ionic framework ? Is it the same thing? So why is there two distinct websites and 2 names for the same product?
Ionic framework is the framework for building hybrid mobile apps. It is, and always will be - free.
Ionic.io is the site for Ionic Platform, which adds additional services like Deploy, Build, Push notifications, User management, etc. It is currently in beta and it's thus free, but as they go live (soon, as far as I know) they will have pricing (there will be a free plan however).
Basically, you do not need Ionic Platform, but it's really awesome and worth the money (in case you fall out of the free tier) if you'll ask any Ionic developer.
In addition to the other answers, I would say:
Ionic framework is both
A CSS Framework with a lot of reusable and customizable front-end UI elements.
A JavaScript UI library with JS components which give life to front-end elements
Ionic.io is the ecosystem which includes, among others:
Ionic Cloud
Ionic Creator
Ionic Lab
Ionic View
In this post, you can find more information:
https://solidgeargroup.com/hybrid-apps-development-with-ionic
As I understand it:
Ionic framework is an SDK
Ionic.io is a platform and tooling
In other words, Ionic (framework) is a way to create mobile SPA hybrid apps based on Cordova, that let you leverage native phone features and also AngularJS's MVC-based approach to app development. This is free.
Ionic.io, however, is a bunch of web services and tools that add value to your Ionic apps, letting you store stuff server-side, send push notifications, etc. These may eventually cost money.
The 2 websites deal with Ionic, but :
Ionic.io is the main platform tool website where you can find all information about ionic "world" (Ionic Framework, Ionic platforms, Ionic icons, Ionic app creator, Forum...). It is the Tool Ionic showcase
Ionic framework is useful for developers to know how to install and develop ionic apps.
I hope it helps