Upload
paddy-lock
View
35
Download
3
Embed Size (px)
Citation preview
January- 2017
source linkhttps://www.indiegogo.com/projects/learn-mobile-programming-with-react-native
https://www.eduonix.com/blog/web-programming-tutorials/installing-setting-react-native-environment/
Benefits of React Native
Why Learn React Native
Provides a Native App experiencefor both Android and iOS
Requires JavaScript
Uses less lines of code
Interpreted rather than compiled
Create Performant
Strict superset of ANSI C
Native Mac & iOS Development language
Flexible typing
Simple, expressive syntax
Dynamic runtime
No Java / Objective - C Needed
Easier, Faster and Cheaper
What’s Included
Learn Mobile Programming WithReact Native Campaign on Indiegogo
ReactJS Concepts
Windows / Android Setup
Visual Components / Styling / Flexbox
Touch Events
Views / Inputs / Navigator
Native APIs
iOS Setup
Mobile AppsiOS & Android
REACTNATIVEREACTNATIVE
Framework built on ReactJSAllows Developers to build Android and iOS apps in JavaScriptActs as a bridge between code and host platformApps written in JavaScript come with a native look and feel
LEARN ONCE, WRITE ANYWHERE: BUILD MOBILE APPS WITH REACT
Engine Game
Single Code BaseCocos2d-JS
Cocos2d-x Facebook
Intergration
ios
Android
FBCanvas
Double-tap Hold 2x Fingers Tap
Components Style & Layout APIs
What is React Native?
UIReact is only concerned
about rendering UIReact uses a Virtual DOM
Diff implementation forultra-high performance
React introduces one-wayreactive data flow
Virtual DOM Data Flow
UI Component
ReactJs,JavaScript
Browser
UnitTesting React Native
Program SourceCode
Compiler IntermediateCode
Interpreter Read and executecommands
EASIER FASTER CHEAPER