An Inforgraphic to Learn React Native

Page 1

January- 2017

LEARN ONCE, WRITE ANYWHERE: BUILD MOBILE APPS WITH REACT

REACT

NATIVE

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

Benefits of React Native Requires JavaScript

Provides a Native App experience for both Android and iOS

Uses less lines of code Engine

Game

Cocos2d-x

Facebook

Cocos2d-JS

Intergration

ios

Single Code Base

Android

FB Canvas

Interpreted rather than compiled Compiler

Program Source Code

Intermediate Code

Interpreter

Read and execute commands

Why Learn React Native Create Performant

iOS & Android Mobile Apps

No Java / Objective - C Needed Strict superset of ANSI C Native Mac & iOS Development language Flexible typing Simple, expressive syntax Dynamic runtime

Easier, Faster and Cheaper

EASIER

FASTER

CHEAPER

What’s Included ReactJS Concepts

UI

Virtual DOM

Data Flow

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

Windows / Android Setup

iOS Setup

Visual Components / Styling / Flexbox

Browser

Unit Testing

ReactJs, JavaScript

React Native

UI Component

Touch Events

Double-tap

Hold

2x Fingers Tap

Views / Inputs / Navigator

Native APIs Components

Style & Layout

APIs

Learn Mobile Programming With React Native Campaign on Indiegogo

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/


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.