Introduction to React Native
1 like1,267 views
The document introduces React Native, an open-source framework for building native mobile apps using JavaScript, offering high performance and up to 80% code sharing between iOS and Android. It highlights features like easy learning due to JavaScript familiarity, native app capabilities, and advantages such as hot reloading for development efficiency. The document encourages careful platform selection and emphasizes the evolving nature of React Native and its supportive community.
Introduction to React Native
- 1. An Introduction to React Native Ajesh Kumar Radhakrishnan, Software Engineer Arputharaj Susai, Tech Lead
- 2. React Native An open source, cross-platform framework for building native mobile apps with JavaScript and React using declarative components.
- 3. A quick rundown ➔ Writing cross-platform high performance apps using single business logic codebase ➔ Built by Facebook ➔ 80% code sharing between iOS and Android ➔ Applications run at near full speed ➔ Architecture is scalable ➔ Extensible libraries ➔ BSD Licensed
- 4. Why is it cool? ➔ Everybody knows JavaScript Easy to Learn. ➔ Native Build Real Native mobile apps. ➔ Hot Reloading No time wasted in recompiling. ➔ UI Components React Native wraps existing native UI controls
- 5. How is React Native different from Native apps with iOS/ Android, PhoneGap, Xamarin, Hybrid apps?
- 8. React Native App Architecture
- 9. Demo Registration App. Built in a day with React Native.
- 10. Concluding thoughts ➔ The technology is new, it is constantly evolving ➔ Choose your platform carefully when you start with a new app ➔ Great for programmers - React Native makes mobile app dev easy ➔ The community is fantastic! ➔ More goodies coming from Facebook and the community
- 11. Thanks! Source Code: https://github.com/RedBlackTreeSourceCode/ReactNative-MeetUp/tree/Registration-App Slide Deck: http://www.redblacktree.com/events Contacts: Ajesh Kumar Radhakrishnan, Software Engineer, RedBlackTree - @AjeshkumarR Arputharaj Susai, Tech Lead, RedBlackTree - @arpu1990 Facebook : https://www.facebook.com/groups/ReactNativeChennai