WebCamp 2016: Front-end. Виталий Бобров: JavaScript для мобильной разработки.
0 likes•234 views
The document discusses various frameworks for developing 'native' applications, including Ionic, NativeScript, and React Native, outlining their features, strengths, and suitable use cases. It emphasizes criteria for what constitutes a native app, such as hardware access and consistent UI/UX, and provides guidance on choosing the most appropriate framework based on project requirements and developer experience. The conclusion promotes the idea of open-source collaboration in the development community.
WebCamp 2016: Front-end. Виталий Бобров: JavaScript для мобильной разработки.
- 3. Vitaliy Bobrov Front-end Developer @Provectus @bobrov1989
- 4. Overview • What we can call “native” app? • Ionic Framework • NativeScript • ReactNative • What to choose?
- 5. “Native” app criteria • Installed from store • Platform specific code • Consistent UI/UX • Hardware access • Responsibility (performant feel)
- 6. What is “Native” code? “Native code is computer programming that is compiled to run with a processor and its set of instructions” Wikipedia
- 11. JavaScript IoT
- 12. It’s everywhere and it’s so cool
- 13. Ionic Framework “Write once, run everywhere” Ionic Framework
- 14. Ionic Technologies Ionic Framework • Cordova • WebView • Angular • Crosswalk (optional)
- 15. “Old good” web • HTML • CSS • JavaScript
- 16. Well documented Ionic 2 Docs
- 17. Two large communities Ionic Forum • Cordova Community • Ionic Community
- 18. Tools and services • Ionic Native • Ionic View • Ionic Cloud • Ionic CLI • Ionic Lab • Ionic Market
- 19. NativeScript NativeScript “Get full access to native”
- 20. NativeScript Technologies NativeScript • V8 JavaScript VM • Native UI • Native API • Angular
- 21. Native UI NativeScript Docs • Consistent UX • Performant • Customizable
- 22. Native type conversion NativeScript Native API Access to native data types
- 23. Reflection NativeScript Runtime All native call accessible in JavaScript global scope
- 24. React Native React Native “Learn once, write anywhere”
- 25. React Native Technologies React Native • V8 JavaScript VM • Native UI • Native Plugins • React
- 26. Reactive native UI React Native Docs • Flux/Redux • Performant • Flexbox
- 27. Hot Reloading React Native Hot Reload Easy to develop and debug Code updates on device/emulator without code compilation
- 28. Huge community and resources React Native Facebook examples
- 29. For what it can fit? • eCommerce • Events • News • Messenger
- 30. So what to choose?
- 31. Choose Ionic when: • Not only iOS & Android • Custom non-standard design • No hard calculations • Angular experience
- 32. Choose NativeScript when: • Lot native API usage • Standard UI • Native performance • Angular experience
- 33. Choose React Native when: • Fast learning & development • Standard UI • Native performance • React experience
- 34. Choose that fits best “Each objective its tools”
- 35. The End Make Love Open Source, not War