自己项目前端和APP所用技术
1. 前端：JavaScript+ HTML+CSS/SCSS 使用的框架是Angularjs
2. 前端开发完交付给测试之前，需要自己先写单元测试，不涉及接口测试，只针对自己关心的逻辑，使用的框架是jasmine
APP
App: 跨平台开发 ： nativescript + Angular
PhoneGap
Phone Gap is to launch a web app inside an iOS or Android web view.
Pros:
- Most of the web code can be reused to create a native app
- Masive 3rd party support for web app, great UI component vendors
- Free
Cons:
- Low performance due to the web view wrapper and non-native API calls
- Hack way of implementing native app, in-browser user experience
Detailed Evaluation: PhoneGap Evaluation
NativeScript
NativeScript is to run a NativeScript runtime on JavaScript virtual machine on iOS and Android. Your JavaScript code is directly run on native OS without a web view wrapper.
Pros:
- Great tools support from Telerik that can help create/build/develop/test/deploy → NativeScript SideKick
- Use TypeScript: give you the ability of using strong typing and design patterns
- Angular based framework which has nice helper on navigation/service/dependency injection/data binding/event handling/filtering for better code reusability
- Good component and native plug in support, good community support
- Free
Cons:
- There may be some plugin that is not there on the market, like a native rich text editor, but we can find an alternative, CKEditor
Detailed Evaluation: NativeScript Evaluation
React Native
Pros:
- Great community support
- Developing/debugging experience is great
- Free
Cons:
- Some components may not be available and you have to create it by your own.
- Learning cost is high for our team and may not be suitable for us due to a totally different framework (we might have to refactoring our web app as well if we use React ecosystem)
Detailed Evaluation: React Native Evaluation
Telerik Platform
Telerik platform is a set of tools which can help development/build/testing/deployment of NativeScript apps.
Detailed Evaluation: Telerik Platform (And Other Tools) Evaluation
NativeScript SideKick
Sidekick is free tool that can build/run/debug/release your NativeScript apps. But it doesn't have QR code support.
This tool supports cloud build which means you can build iOS on windows machine.
The free license only supports 400 cloud build per user account per month. But it provides commercial license for more cloud builds.
Context Before Reading Comparison
Hybrid App vs Native App
Hybrid app is using a web view as a wrapper of a web application. So most of our existing web app code can be reused. If not reusable, at least we use that as reference. But people are getting away from this due to the fact of how hard it is to have a native graphic and performance.
For native app, the user experience is awesome with native graphic and better performance than web view. But the learning cost is high for us since we don't have the experience before.
NativeScript vs React Native
There is no absolute right or wrong between NativeScript and React Native. It is totally a personal interest. They both can do the job. It is like the endless debate between Angular vs React in web app.
For Angular1 vs React, I do think React is better. But for Angular2 vs React, I have no comments since I think both frameworks are awesome!
But some articles do have some opinion on when to use NativeScript and when to use React Native. And there are suggestion recommending combine NativeScript with React Native too.