Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
An Introduction to 

React Native
Ajesh Kumar Radhakrishnan, Software Engineer
Arputharaj Susai, Tech Lead
React Native








An open source, cross-platform framework for
building native mobile apps with JavaScript and
React us...
A quick rundown
➔ Writing cross-platform high
performance apps using single
business logic codebase
➔ Built by Facebook
➔ ...
Why is it cool?
➔ Everybody knows JavaScript

Easy to Learn.
➔ Native

Build Real Native mobile apps.
➔ Hot Reloading

No ...
How is React Native different
from 

Native apps with iOS/
Android, PhoneGap,
Xamarin, Hybrid apps?
Native App Architecture
Hybrid App Architecture
React Native App Architecture
Demo
Registration
App. Built in a
day with React
Native.
Concluding thoughts
➔ The technology is new, it is
constantly evolving
➔ Choose your platform carefully
when you start wit...
Thanks!


Source Code: https://github.com/RedBlackTreeSourceCode/ReactNative-MeetUp/tree/Registration-App

Slide Deck: htt...
Upcoming SlideShare
Loading in …5
×

Introduction to React Native

2,873 views

Published on

A presentation on react Native done at the first React Native Chennai Meetup on Saturday, the 4th of Feb, 2017 at @Works, KRDS, Chennai.

Published in: Technology
  • Be the first to comment

Introduction to React Native

  1. 1. An Introduction to 
 React Native Ajesh Kumar Radhakrishnan, Software Engineer Arputharaj Susai, Tech Lead
  2. 2. React Native 
 
 
 
 An open source, cross-platform framework for building native mobile apps with JavaScript and React using declarative components.
  3. 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. 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. 5. How is React Native different from 
 Native apps with iOS/ Android, PhoneGap, Xamarin, Hybrid apps?
  6. 6. Native App Architecture
  7. 7. Hybrid App Architecture
  8. 8. React Native App Architecture
  9. 9. Demo Registration App. Built in a day with React Native.
  10. 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. 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

×