An Introduction to React Native

Ajesh Kumar Radhakrishnan, Software Engineer

Arputharaj Susai, Tech Lead

React NativeAn open source, cross-platform framework for building native mobile apps with JavaScript and React using declarative components.

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

Why is it cool?➔ Everybody knows JavaScript

Easy to Learn.

➔ Native Build Real Native mobile apps.

➔ Hot ReloadingNo time wasted in recompiling.

➔ UI Components React Native wraps existing native UI controls

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 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

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

Slide Deck: http://www.redblacktree.com/eventsContacts:Ajesh Kumar Radhakrishnan, Software Engineer, RedBlackTree - @AjeshkumarR Arputharaj Susai, Tech Lead, RedBlackTree - @arpu1990 Facebook : https://www.facebook.com/groups/ReactNativeChennai