How to use Ionic with Angular Tools in Ionic React? - reactjs

As a month ago, Ionic published their full version of "Ionic React". My personal experience with Ionic is based on Angular JS, so, how can I use Ionic with Angular JS in Ionic React or is it possible ?
Edit:As Angular JS is now on https://killedbygoogle.com , this topic has importance.

You have to have an understanding of reactjs to use Ionic React. Ionic has moved to Angular (2+) and recently to React and Vue as well. React works with Virtual DOM whereas Angularjs with Regular DOM. Also, language is also different. React uses JSX and Angularjs, javascript and HTML. Another interesting thing is that React is Library and Angularjs is a Framework.
So, I don't think using Angularjs with Ionic React makes much sense.
You should learn the basics of React if you want to work with Ionic React. If you to want to stick with Angular(2+) then you have to learn Typescript. As of today, Ionic Angular is more stable than Ionic React. Ionic React just got released and will take some time to get fully stable.

I have worked on ionic since Ionic 2 and last year when Ionic 5 was released with React I switched to the new Tech Stack as React is Plain Javascript and much faster when it comes to the compilation and bundling as it doesn't have other not needed dependencies.
Ok Here are some pointers to keep in mind when moving from Ionic (Angular) to Ionic (React) development.
Ionic Doesn't support Cordova when it comes to React it uses Capacitor instead which has more boilerPlate when comes to implementation and Cordova has a bigger community + easy to integrate.
Also React is recently introduced therefore it is not that much stable.
Not Many people use React with Ionic, therefore, won't be able to get solutions to the issues and have to fix them by yourself.
Lastly, Capacitor doest support all the native API for example "SplashScreen" which is the basic one.
I have been working with it for the past 2 months and I can say Ionic(Cordova + Angular) was better.

Related

performance difference between building an ionic 4 app using react vs angular

I have been using ionic 3 to build mobile applications. With the release of ionic 4 where you can use react or vue or angular, What is the performance difference building an ionic 4 application using react vs angular vs vue.
It depends for you.If you are good command in angular then u should go for it.React and Vue it will take time to stable and not more tutorials and blogs.
I think you should go with angular
Well, this depends on you. There is nothing the three of them can't do. But there are some important factors to consider as well. I will like to compare React and Vue for instance.
React is developed and maintained by facebook developers, for this reason, it has a great and large community of developers working on it. While Vue is developed by an individual, and its community is just growing.
React has more open jobs opportunities than Vue
React will enhance your JavaScript ability more than Vue, though Vue is very easy and fun to learn.
Here are some few links to help you decide: https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd
https://hackernoon.com/angular-vs-react-vs-vue-which-is-the-best-choice-for-2019-16ce0deb3847

Upgrade AngularJS to Angular 6 in Cordova App

I have a Cordova app built using Angular 1 i.e. Angular JS. How I can upgrade the app yo latest angular version.
Will it require complete code re-write to TypeScript (TS)??
TypeScript is not a requirement for writing Angular 2+. However, Angular 2-7 does not have much in common with AngularJS as it doesn't have the same architecture or components. For example, from what i've read about it, AngularJS used a MVC model, Angular2+ does not.
So to answer your question, you will indeed need to rewrite most of your application. Going from Angular 2 to 7 is much easier as not much has changed.

Which version of ionic should we use

We currently have a web app based on AnjularJS 1.4. Now we need to develop mobile apps for our product. We think ionic to be a good framework for us since it's Angular based.
The team has no experience on ionic framework. Now the question is which version of ionic should we use? How to convert one AngularJS 1.4 we app into ionic mobile apps and maximize code reuse? Ionic 2 seems to have better performance and other benefits. Is it possible to make ionic 2 and AngularJS 1.4 coexists in the same code base and reuse current code?
There is no straight way to do it. Ionic 2 is based on Angular 2, and comes with many significant performance, usability, and feature improvements.
Ionic 1 at a very high-level is essentially just a wrapper & directive/component library for AngularJS 1.x. Ionic 2 is built to utilize all the benefits of Angular 2+.
In short, everything must be upgraded in order to get the benefits of Ionic 2. So, If everything you have is working, and performance isn't sluggish, there really is no reason to to choose Ionic 2, you can use Ionic 1.
You need to port your code to Angular 2 in order to run with Ionic 2 because Ionic 2 builds upon AngularJs 2.
It takes Angular 2 and adds additional features, like different routing, styles, etc.

AngularJS app vs Ionic app: What do they have in common?

I have just started learning Angular and Ionic, and I have been asking myself, what do they have in common, so I could share my code between the two applications?
AngularJS is a framework to developing web application using Javascript and Html, Ionic is a framework for developing hybrid apps, Ionic require Angularjs to work and get all features, as documentation say:
Ionic currently requires AngularJS in order to work at its full potential. While you can still use the CSS portion of the framework, you'll miss out on powerful UI interactions, gestures, animations, and other things.
In simple words, Ionic extends Angular features and transform it in a framework for create mobile apps.
I hope this help you a bit.

IONIC and Angular as Front-End developments

What I want to get from IONIC and Angularjs right now is just using that front-end library like CSS and JS. So far we use bootstrap and jquery for frontend framework, and Laravel for its backend. Now I want to switch from Bootstrap to Ionic, and from jquery to AngularJS.
In this case, I will use ionic not only for hybird app development (what I have been doing so far), but right now I also want to use it for web too.
Last Framework I use to build web app:
Laravel
Jquery
Bootstrap
But the framework I want to use right now are:
Laravel,
AngularJS,
Ionic,
Is it possible for them to work as what they are? and how to set it up.
Please notice that my focus right now is to build web application here, not mobile app. And my environment for this is LAMP. Please direct me to the correct way for this. Many thanks in advance!

Resources