The document discusses mobile web frameworks. It describes frameworks like React Native, Ionic, and NativeScript that allow building native Android and iOS apps using web technologies. React Native is backed by Facebook and allows code reuse across platforms. Ionic uses Angular and allows updating apps without app stores. NativeScript is similar to Ionic but backed by Telerik. The document provides examples of companies using the frameworks and other options to consider like Progressive Web Apps. It concludes there are many mature frameworks to choose from.

1. The State of Mobile Web
Frameworks
Jesse Palmer
Master Software Engineer, Web
5/4/17

2. What is a Mobile Web Framework?

3. A framework that allows developers to use web technologies to build on Android
and iOS
What is a Mobile Web Framework

4. and Windows Phones! (sometimes)
What is a Mobile Web Framework

5. The Past

6. Frameworks

7. Frameworks

8. Frameworks

9. The Present

10. Frameworks

11. 05
Frameworks

12. Frameworks

13. Frameworks

14. Frameworks

15. Frameworks

16. Frameworks

17. What are the use cases for mobile
web frameworks?

18. • Rapid prototyping
Use Cases

19. • Rapid prototyping
• Small team
Use Cases

20. • Rapid prototyping
• Small team
• No need for long-term development
Use Cases

21. • Rapid prototyping
• Small team
• No need for long-term development
• Web development experience outweighs native app experience
Use Cases

22. • Rapid prototyping
• Small team
• No need for long-term development
• Web development experience outweighs native app experience
• Code reuse on the three major platforms is a priority
Use Cases

23. Let’s Dive into the Frameworks

24. React Native
CI / CD
Code Quality Documentation
Frameworks

25. React Native
CI / CD
Code Quality Documentation
Frameworks
• It’s backed by Facebook
• You can reuse code across web, Android, and iOS apps
• You can build native Android and iOS apps

26. React Native - Satisfaction
CI / CD
Code Quality Documentation
Frameworks

27. Airbnb’s Take on React Native
CI / CD
Code Quality Documentation
Frameworks

28. Who Uses React Native?
CI / CD
Code Quality Documentation
Frameworks

29. Ionic
Code Quality Documentation
Frameworks

30. Ionic
CI / CD
Code Quality Documentation
Frameworks
• You can build apps with Angular, TypeScript, and JavaScript
• You can build native Android and iOS apps
• If you have a web site built with Angular you can reuse those
components
• They have a feature where you can push updates to the apps
without going through the app store
• Online App builder
• Styling for the apps tend to be very good

31. 04
Who uses Ionic?
CI / CD
Code Quality Documentation
Frameworks

32. NativeScript
CI / CD
Code Quality Documentation
Frameworks

33. NativeScript
CI / CD
Code Quality Documentation
Frameworks
• It’s backed by Telerik
• Very similar to Ionic
• You can build apps with Angular, TypeScript, and JavaScript
• You can build native Android and iOS apps
• If you have a web site built with Angular you can reuse those
components

34. Who Uses NativeScript?
CI / CD
Code Quality Documentation
Frameworks

35. Who uses NativeScript?
Frameworks

36. • Progressive Web Apps
• PhoneGap
• Cordova
• Xamarin
• Flutter (in the future)
07
Others to consider
Frameworks

37. Conclusion

38. • There are a lot of frameworks out there.
• They have matured quite a bit over time.
• I would take a look at them if you are at all curious.
07
Conclusion

39. Fin

40. Questions