Download to read offline
Uploaded byWebCamp
WebCamp 2016: Front-end. Виталий Бобров: JavaScript для мобильной разработки.
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 wecan 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
- 7.
- 8.
- 9.
- 10.
- 11.
- 12. It’s everywhere andit’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.
- 17. Two large communities IonicForum • Cordova Community • Ionic Community
- 18. Tools and services •Ionic Native • Ionic View • Ionic Cloud • Ionic CLI • Ionic Lab • Ionic Market
- 19.
- 20. NativeScript Technologies NativeScript • V8JavaScript VM • Native UI • Native API • Angular
- 21. Native UI NativeScript Docs •Consistent UX • Performant • Customizable
- 22. Native type conversion NativeScriptNative API Access to native data types
- 23. Reflection NativeScript Runtime All nativecall accessible in JavaScript global scope
- 24. React Native React Native “Learnonce, write anywhere”
- 25. React Native Technologies ReactNative • V8 JavaScript VM • Native UI • Native Plugins • React
- 26. Reactive native UI ReactNative Docs • Flux/Redux • Performant • Flexbox
- 27. Hot Reloading React NativeHot Reload Easy to develop and debug Code updates on device/emulator without code compilation
- 28. Huge community andresources React Native Facebook examples
- 29. For what itcan fit? • eCommerce • Events • News • Messenger
- 30. So what tochoose?
- 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 Nativewhen: • Fast learning & development • Standard UI • Native performance • React experience
- 34. Choose that fitsbest “Each objective its tools”
- 35. The End Make LoveOpen Source, not War
- 36.