1
January- 2017 source link https://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 experience for 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 With React Native Campaign on Indiegogo ReactJS Concepts Windows / Android Setup Visual Components / Styling / Flexbox Touch Events Views / Inputs / Navigator Native APIs iOS Setup Mobile Apps iOS & Android REACT NATIVE REACT NATIVE Framework built on ReactJS Allows Developers to build Android and iOS apps in JavaScript Acts as a bridge between code and host platform Apps written in JavaScript come with a native look and feel LEARN ONCE, WRITE ANYWHERE: BUILD MOBILE APPS WITH REACT Engine Game Single Code Base Cocos2d-JS Cocos2d-x Facebook Intergration ios Android FB Canvas Double-tap Hold 2x Fingers Tap Components Style & Layout APIs What is React Native? UI React is only concerned about rendering UI React uses a Virtual DOM Diff implementation for ultra-high performance React introduces one-way reactive data flow Virtual DOM Data Flow UI Component ReactJs, JavaScript Browser Unit Testing React Native Program Source Code Compiler Intermediate Code Interpreter Read and execute commands EASIER FASTER CHEAPER

An Inforgraphic to Learn React Native

Embed Size (px)

Citation preview

Page 1: An Inforgraphic to Learn React Native

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