Meteor and Ionic. Order of use - javascript

I'm developing a mobile application using Meteor. I have found a little difficult to make the UI controls to look as the mobile apps do (scrolls, checkbox, buttons). Searching the web I have found Ionic as a help for mobile like UI.
My question is: Should I continue developing my app with METEOR not taking special care so far of UI, and deploy IONIC at the end of my development? Or IONIC could make interaction different between client and server so I should learn and adapt IONIC now?
My app requires a server side which process a lot of app logic, thats why I'm using Meteor. If there are better options for front end Framework instead of Ionic, please suggest them.
Thanks in advance.

Related

Trying to implement the "How to create Tabs" using Node.js, ejs and Express

I am trying to build a website following this Tutorial (Building Web Applications Using Node.js) and currently using HTML, ejs, Node.js (+express), yarn and javascript. I would like to integrate some Tabs like How TO - Tabs.
But I am struggeling to control the hiding and showing tabs from the js routing file. I did not find a way to control the tab divs by the express router. Could anyone please help me or point me into a direction?
Thank you.
PS. My plan is to use parts of the existing Node.js and HTML artifacts to build an app using Electron, Web Assembly and Rust. That is why I use all those things, which might seem a bit overkill at first.

How do I create an offline React iOS app?

Is it possible to build a React (NOT React-Native), offline (no REST calls) app that can be deployed to iOS? Just working on a learning project and don't want to deal with React-Native. Just want to use my current web skills and make an iOS app with just React.
Looking for a workflow/tools that would enable me to do so.
You can use Apache Cordova. Remember that achieving native-like performance will be problematic.

AngularJS + PhoneGap

I'm hopeful this issue has already been approached. Does PhoneGap work with AngularJS? Are there any limitations to using them together? Benefits/pitfals? Thanks
Yes.
I have made multiple applications with PhoneGap plus AngularJS. There's no magic to it.
PhoneGap just runs your application within the native device browser, so if AngularJS is supported on your target platforms, it should work with PhoneGap.
I'm having trouble getting angularjs working on windows phone 7 with phonegap. The simple stiff works, but as soon as I try to add page route...
[Edit]
Ok. So I have found the problem on windows phone 7/8.
in the function matchUrl(url,obj) in angular.js (1.0.3) there is a regex that fails because Windows Phone use an unusual prefix or namespace or whatever it is called (probably for security purposes).
What happens is angular is expecting a url like 'http://localhost/www/index.html' but in windows phone it will look like: 'x-wmapp0:www/index.html' instead.
I tried fixing the regex, but even so I get an error later on from XHR.
I've found that the brian t ford article (which everyone references) doesn't really explain how the config file is picked up (which includes the pointer to the index.html file and several other assets) which marks it out as a little out of date. It would be great to get a good update on it.
I am currently working on a project with Phonegap and AngularJS. I do recommend the following reading. Will help you decide if it's what you want in an hour.
http://briantford.com/blog/angular-phonegap.html
AngularJs will let you have the power and structure of a website but it has a small flaw is that it is a bit slow, I say this from experience and it happens that sometimes the models take a while to cool off.
Likewise, I recommend that you take a look at Yeomen, I am currently working on a generator angularJS phonegap and hope to have it for this weekend.
regards
#gartox
Yes. http://ionicframework.com is a framework that integrated Cordova and AngularJS. It will save you a lot of time trying to get everything set up.
To install the framework:
npm install -g cordova ionic
To create new empty:
ionic start myApp blank
All the options available in phonegap are also available in Ionic. For example, you could type
ionic serve
And your mobile app will open right in the browser, and auto-update whenever new changes are made to the files, just like in Phonegap.
From PhoneGap's blog:
http://phonegap.com/blog/2013/07/31/phonegap-30-faq/
Q: Does PhoneGap play well with angular.js? Or any other framework?
A: It sure does. PhoneGap does not dictate how an app gets authored with HTML, CSS, and JavaScript. We play nice with all frameworks and, of late, many are being authored today with Angular.

What's the difference between the app based on backbone.js/ember.js and the one based on Phonegap/Sencha Touch?

As mobile web app gets more and more prevailing, a lot of tools become available for developing mobile web app. In my opinion(I don't know if it's correct), there are two ways to develop mobile web app.
One way is to use some javascript framework such as backbone.js and ember.js combined with some other libraries such as Zepto and iScroll to do this. The other way is to use some integerated toolkit such as PhoneGap and Sencha Touch to write the whole thing. What I want to know is what's the difference between these two ways? How should I choose between these two ways?
Phonegap is a wrapper framework which helps html/javascript app to run in a native container and give a medium to execute a native code whereever required. Phonegap is not integrated with Sencha Touch, you can use it with any client-size javascript frameworks like backbonejs, amberjs, jquery, jquery mobile, etc. Application built using Phonegap comes under hybrid application category.
Please check some of this preps to get more info:
http://www.slideshare.net/macdonst/building-native-mobile-applications-with-phonegap
http://www.slideshare.net/kurotanshi/jsdctw-introduction-to-phonegap

Is it easier to build for PhoneGap rather the Titanium?

We are looking for a good port of our mobile web application to native app until we have the resources to build a truly native application. We have narrowed it down to PhoneGap and Titanium.
We have an HTML5 mobile version of our application. It uses things like RPC over websockets and some other JS libs. It seems as if we can just continuing using the exact same architecture if we go with PhoneGap, where as with Titanium it seems we would need to rebuild these libs and procedures to work with Titanium.
Is this true? How do these platforms differ?
Thanks!
Phonegap is your best bet here. You can put all your current code into the www directory, and then phonegap will package that into an app. Phonegap doesn't create a web app, you create the web app and let phonegap package it for you.
If you were to use Titanium you would not be able to use any of your current html or css code. If you have kept your JS logic separate from your views, then you could re-use this logic and then build new views for a titanium application but that's very time consuming.
Titanium is not a good framework, dev time is way too long due to how difficult it is to create a UI. It's also quite buggy. We developed an app in Titanium for Android and we're going to rewrite using web technologies.
It's not true that external JS libraries are difficult to use in Titanium. Everything is converted to native code.
This Blog has a good summary of the pros and cons of PhoneGap and Titanium Appcelerator.
Short summary: PhoneGap provides a bridge to enable standards-based web apps to access native capabilities. Appcelerator is a proprietary (non-HTML based) framework that enables the creation of native apps in JavaScript.
Phonegap will be much easier for you. Just port in your existing code. Not native though. Titanium will be a rewrite.
One of the main difference is that PhoneGap creates a webapp written in JavaScript and Titanium creates native apps where your JavaScript code is compiled to Java or Objective-C. So you can't easily use external JavaScript libs with Titanium.

Categories