- Build native mobile apps using JavaScript and React
- With React Native, you don't build a
mobile web app, anHTML5 app, or ahybrid app. You build a real mobile app that's indistinguishable from an app built usingObjective-CorJava.
| sudo apt-get update | |
| sudo apt-key adv --keyserver keyserver.ubuntu.com --recv 7F0CEB10 | |
| echo 'deb http://downloads-distro.mongodb.org/repo/ubuntu-upstart dist 10gen' | sudo tee /etc/apt/sources.list.d/10gen.list | |
| sudo apt-get update | |
| sudo apt-get install mongodb-10gen |
| sudo apt-get update | |
| sudo apt-get upgrade | |
| sudo apt-get install gcc autoconf bison flex libtool make libboost-all-dev libcurl4-openssl-dev curl libevent-dev uuid-dev | |
| cd ~ | |
| wget https://launchpad.net/gearmand/1.2/1.1.12/+download/gearmand-1.1.12.tar.gz |
| # Install and use menlo font-patch from: https://gist.github.com/qrush/1595572 | |
| # Setting GIT prompt | |
| b_black=`tput setab 0` | |
| b_red=`tput setab 9` | |
| b_green=`tput setab 2` | |
| b_cyan=`tput setab 14` | |
| b_white=`tput setab 15` | |
| f_black=`tput setaf 0` |
| cd ~ | |
| sudo apt-get update | |
| sudo apt-get install openjdk-7-jre-headless -y | |
| ### Check http://www.elasticsearch.org/download/ for latest version of ElasticSearch and replace wget link below | |
| # NEW WAY / EASY WAY | |
| wget https://download.elasticsearch.org/elasticsearch/elasticsearch/elasticsearch-1.1.1.deb | |
| sudo dpkg -i elasticsearch-1.1.1.deb |
| if [[ $COLORTERM = gnome-* && $TERM = xterm ]] && infocmp gnome-256color >/dev/null 2>&1; then | |
| export TERM=gnome-256color | |
| elif infocmp xterm-256color >/dev/null 2>&1; then | |
| export TERM=xterm-256color | |
| fi | |
| if tput setaf 1 &> /dev/null; then | |
| tput sgr0 | |
| if [[ $(tput colors) -ge 256 ]] 2>/dev/null; then | |
| MAGENTA=$(tput setaf 9) |
| <h1 id="assignment-on-reactjs">Assignment on ReactJS</h1> | |
| <p>Hey! This is the first assignment in the <strong>React Native course</strong><a href="#fn:reactnativecourse" id="fnref:reactnativecourse" title="See footnote" class="footnote">1</a>. </p> | |
| <hr> | |
| <h2 id="description">Description</h2> |
| import React, { Component } from 'react'; | |
| import { Text, View } from 'react-native'; | |
| class WhyReactNativeIsSoGreat extends Component { | |
| render() { | |
| return ( | |
| <View> | |
| <Text> | |
| If you like React on the web, you'll like React Native. | |
| </Text> |
| import React, { Component } from 'react'; | |
| import { Image, ScrollView, Text } from 'react-native'; | |
| class AwkwardScrollingImageWithText extends Component { | |
| render() { | |
| return ( | |
| <ScrollView> | |
| <Image | |
| source={{uri: 'https://i.chzbgr.com/full/7345954048/h7E2C65F9/'}} | |
| style={{width: 320, height:180}} |
mobile web app, an HTML5 app, or a hybrid app. You build a real mobile app that's indistinguishable from an app built using Objective-C or Java.