What tools for developing mobile applications based on web technologies now?

Today decided to put the intel XDK for learning development for mobile devices based on web technologies and at the office.the website found a message that the project is not developed. Whether there are analogues that can be used now? Preferably for iOS. Emphasis on web technologies, about the native development environments and languages I know.
Thanks in advance for your response.
June 7th 19 at 15:05
5 answers
June 7th 19 at 15:07
Solution
There are several options.

js-to-native, native application with business logic in js and native widgets:

Like this react-native is the most developed and stable. Only dealt with him if it's stable and worked, then the rest is even scared to look (although NativeScript+ionic I praised). Looks native on each platform. Knowledge of html and css for the most part not useful: tags/components their css properties work not all and not in all combinations.

webviewhybrid app, the browser on full screen:
  • cordova, the oldest living solution

Kind of took the html, wrapped and ready. Sometimes, the application slows down some, although I think that if that product catalog or restaurant menu, it shouldn't be a problem. Looks the same on every platform.

other:
  • *.webmanifest and PWA, something between installing an application and add a site in bookmarks.

The idea is ideal, often thinking the site should try to create an application that is rarely open from the browser. The developer no headache how to make the web, iOS and Android: all looks and works the same way. In practice, the support is what is spotty.
Thank you know about pwa. I still wonder on React Native as the build of the installer, a complex process? - Verda_Gibson13 commented on June 7th 19 at 15:10
in the sense of the creation of the apk/ipa? Easy, ready the team is. - genevieve_Upton commented on June 7th 19 at 15:13
Yes. And for weex also, do not know? I just work on the vue, react while learning. - Verda_Gibson13 commented on June 7th 19 at 15:16
likely about the same (not tried yet). - genevieve_Upton commented on June 7th 19 at 15:19
Thank you very much, I will look into that matter. - Verda_Gibson13 commented on June 7th 19 at 15:22
June 7th 19 at 15:09
Solution
Last 3 years I have used Appcelerator Titanium.
https://github.com/appcelerator/titanium_mobile

I don't know why he's not as popular as the above options, apparently the problems with the marketing and direction of the enterprise, as well as the fact that he had previously been paid.

What is it good for?

Like React Native and Xamarin it provides the ability to create nativnykh applications, managed JavaScript, unlike Cordova/Phonegap.

Another point, unlike the competitors in Appcelerator have the opportunity to write JavaScript nativly cod ! which is using a special translator (Hyperloop) is transformed into Java / Obj. C
This thing allows you to directly pull native environments, bypassing the bridge between the virtual machine and the V8 system, and to use any native frameworks inside your application.
https://www.appcelerator.com/mobile-app-developmen...

There's MVC framework Alloy:
docs.appcelerator.com/platform/latest/#!/guide/All...

Module Manager:
gitt.io

As well out of the box there is a cloud, if you do not want to write a server (I use it as bekapa):
docs.appcelerator.com/platform/latest/#!/guide/Mob...

There are also Analytics, a free version is cut, but enough for me.

Add:
For model, you use the add-on to the Backbone:
docs.appcelerator.com/platform/latest/#!/guide/All...
Which can sensitise with SQLite

Just use the modified app.from tss https://github.com/TNuzzi/wriststrap
(https://github.com/TNuzzi/wriststrap/blob/master/t...
plus Jade/Pug (can be in XML using Grunt to overtake, but I use the Jade Watcher in WebStorm), and pretty for my taste templates:
Alloy
 ScrollView.w-fill.h-fill.lo-v(right=10, left=10).st-vertical // lo-v == (layout='vertical'), w-fill == (width="FILL")
Label#eventName.event-name.l-0

View.lo-c(top=10)
ImageView#photo.event-info-photo(onLoad="photoLoad")
View.event info-date-time
Label#date.event info-date-time-label.event info-date
Label#type.event info-date-time-label.event-info-type
Label#price.event-info-price

Require#details(src='event/card/event_card_details')
 View.bottom-spacer


If you just want to start a local website, a La Phonegap, just throw in the template WebView component:
docs.appcelerator.com/platform/latest/#!/api/Titan...
stretched across the screen: width="Ti.UI.FILL", height="Ti.UI.FILL"
in the folder with the assets folder is added with the production build of your web project and placed the WebView link.
We obtain the same Cordova, only with a higher level of access than you using an EventListener, you'll get access to any native functionality, without third-party plugins.

And finally, a channel in slack:
https://ti-slack.slack.com
Cool, thanks, stuff to explore now just the sea) How does the build process of the installer? - Verda_Gibson13 commented on June 7th 19 at 15:12
From their IDE buttons, but I prefer WebStorm and command line.
Write this:
`appc run-p ios -T simulator --liveview`
or
`appc run-p ios -T simulator -C "DEVICE_ID_448-5BA8-448F-BC89-B22B1F496248" --liveview`
this will launch the compiled app on the emulator with the hot reload mod
The-C flag says right on a simulator to set (to select)

`appc run-p ios -T dist-appstore`
is send to apstar Assembly

to create the application
`appc new` - genevieve_Upton commented on June 7th 19 at 15:15
generally excellent, thank you for so much detail, I'll take a look) - Verda_Gibson13 commented on June 7th 19 at 15:18
June 7th 19 at 15:11
Solution
The most stable and powerful tool, especially for iOS - React Native. With the help of Expo projects, it is possible to write generally without native code, solely on js. I work on RN, written as small projects and very large - I was happy with everything.
And how is the build process of the installer? - Verda_Gibson13 commented on June 7th 19 at 15:14
June 7th 19 at 15:13
Solution
PhoneGap (+ plugins): here is a detailed list.
Thank you for the article! - Verda_Gibson13 commented on June 7th 19 at 15:16
this is your website - this is exciting! thank you, cap!.

but still
What tools for developing mobile applications based on web technologies now?

tell me?...
,,,
and-and-and-and-IR...
......
))) - genevieve_Upton commented on June 7th 19 at 15:19
PhoneGap/Cordova is one of many. For the rest - I'm incompetent. Sorry.)) - Verda_Gibson13 commented on June 7th 19 at 15:22
June 7th 19 at 15:15
Solution
There is still ionic (https://ionicframework.com/). It is a library of visual components that look like native for each platform. Built on the basis of cordova and angular. But the developers seem to be doing stencil that will framework-independent. Also they have a bunch of additional tools, such as tool to run and debug application on the test device.
Thank you, from the inside and the components themselves are based on html/css/js? Can I appearance to change with the styles, such as css? The logic component may change?
Thanks for the reply, more! - Verda_Gibson13 commented on June 7th 19 at 15:18
I, to be honest, I never particularly looked inside. As I understand it, is a library of components written in Angular. The main feature of this library, similar to Bootstrap, the appearance of these components. All enchanted to make them look as "native" for each of the supported platforms. Including icons change depending on the platform.

Of course, when using css, everything can be changed, but if you really get excited about this, lost the meaning of the library itself. Logic components have a virtually no no, it's just buttons, modal Windows, etc. - genevieve_Upton commented on June 7th 19 at 15:21
Yeah, well, it is also worth noting that, unlike the Bootstrap, Ionic in addition to the visual component offers a complete package of functionality. I.e. deploying a new application using the ionic cli, you immediately get a fully configured project connected with Angular and Cordova. The app can be compiled and run on a test smartphone. - Verda_Gibson13 commented on June 7th 19 at 15:24
thank you! - genevieve_Upton commented on June 7th 19 at 15:27

Find more questions by tags JavaScriptMobile developmentHTML