README.md

React Native Vanilla

build universal cross-platform apps with react native

iOS	tvOS	Android TV	macOS	Windows
Android	Web	Tizen	LG webOS
				</th>

Most fundamental multi-platform project template based on react native. Includes latest iOS, tvOS, Android, Android TV, Web, Tizen, LG webOS, macOS/OSX and Windows platforms

• Ideal starting point for advanced multi-platform projects.
• Uses latest vanilla native project templates including Xcode with Swift and Android with Kotlin support
• Includes bleeding edge dependencies configured to work with each other

---

• Get Started
  • 1. Prerequisite
  • 2. Installation
• Architecture
• iOS
  • Requirements
  • Project Configuration
  • Run
• Android
  • Requirements
  • Project Configuration
  • Run
• tvOS
  • Requirements
  • Project Configuration
  • Run
• Android TV
  • Requirements
  • Project Configuration
  • Run
• Web
  • Requirements
  • Project Configuration
  • Run
• Tizen
  • Requirements
  • Project Configuration
  • Run
• LG webOS
  • Requirements
  • Project Configuration
  • Run
• macOS
  • Requirements
  • Project Configuration
  • Run
• Contributors
• Discussions
• Community
• LICENSE

---

Features:

Development platform

OS	Support
Mac	YES
Windows	YES
Linux	untested

Requirements

• Node 8.x or newer
• NPM 6.2.0 or newer
• React Native for development

Stack / Libraries

• React 16.4.1 react library
• React Native 0.56.0 for building native apps using react
• Babel 7.x.x for ES6+ support

---

Get Started

1. Prerequisite

The recommended way to run specific version of Node and NPM is to use NVM:

nvm install node 8.11.4
nvm alias default node 8.11.4

Tested / Recommended Node configurations:

Node Version	Node Alias	NPM Version
8.11.4	LTS	5.6.0
10.8.0		6.2.0

2. Installation

On the command prompt run the following commands

$ git clone [email protected]:pavjacko/react-native-vanilla.git

$ cd react-native-vanilla

$ npm run setup

---

Architecture

Folder Structure

.
├── assets                   # Cross platfrom assets
├── docs                     # Documentation files
├── platforms                # Platform specific projects / code
│   ├── android              # Android platform project
│   ├── androidtv            # Android TV convigured platform project
│   ├── ios                  # iOS Xcode platform project
│   ├── macos                # macOS Electron platform project
│   ├── tizen                # Tizen platform project
│   ├── tvos                 # tvOS Xcode platform project
│   ├── web                  # Webpack based project
│   ├── webos                # Web OS platform project
├── src                      # Source files
├── tests                    # Automated tests
├── utils                    # Tools and utilities
├── LICENSE
└── README.md

---

iOS

• Latest swift based Xcode project
• Cocoapods Workspace ready
• Swift 4.1 Support

Requirements

• CocoaPods 1.5.3 or newer
• Xcode for iOS development
• CocoaPods 1.4.0 for iOS libraries

Project Configuration

Feature	Version
Swift	4.1
Deployment Target	11.4

Run

npm start
npm run ios

---

Android

• Latest Android project
• Kotlin Support
• Support for Gradle 4.9
• Support for Android JSC (improved support for JavascriptCore like ES6 syntax)

Requirements

• Android Studio for Android development
• Android SDK 23.0.1 or newer for Android development

Project Configuration

Feature	Version
Gradle	4.9-RC1
Android Gradle	3.3.0-ALPHA3
Kotlin	1.2.50
Target SDK	27
JSC	org.webkit:android-jsc:r216113

Run

NOTE: make sure you have 1 android device connected or 1 emulator running

npm start
npm run android

---

tvOS

• Latest swift based Xcode project
• Cocoapods Workspace ready
• Swift 4.1 Support

Requirements

• CocoaPods 1.5.3 or newer
• Xcode for iOS development
• CocoaPods 1.4.0 for iOS libraries

Project Configuration

Feature	Version
Swift	4.1
Deployment Target	11.4

Run

npm start
npm run tvos

---

Android TV

• Latest Android project
• Kotlin Support
• Support for Gradle 4.9
• Support for Android JSC (improved support for JavascriptCore like ES6 syntax)

Requirements

• Android Studio for Android development
• Android SDK 23.0.1 or newer for Android development

Project Configuration

Feature	Version
Gradle	4.9-RC1
Android Gradle	3.3.0-ALPHA3
Kotlin	1.2.50
Target SDK	27
JSC	org.webkit:android-jsc:r216113

Run

NOTE: make sure you have 1 android device connected or 1 emulator running

npm start
npm run androidtv

---

Web

• Supports Chrome, Safari, Firefox, IE10+

Requirements

• no extra requirements required

Project Configuration

Feature	Version
Webpack	3.11.0
react-native-web	0.8.9
Babel Core	7.0.0-beta.47

Run

npm run web

open browser URL: http://localhost:8080

---

Tizen

• Latest Tizen project
• Support for Tizen 4.0

Requirements

• Tizen Studio 2.4
• Tizen SDK 4.0

Project Configuration

Feature	Version
Tizen Studio	2.5
Tizen SDK	4.0
react-native-web	0.8.9
Babel Core	7.0.0-beta.47

Run

npm run tizen:build

• Open project in Tizen Studio <PROJECT_ROOT>/tizen
• Run app

---

LG webOS

• Latest LG webOS Project

Requirements

• LG Emulator v3.0.0

Project Configuration

Feature	Version
ares-webos-sdk	1.7.x
react-native-web	0.8.9
Babel Core	7.0.0-beta.47

Run

• launch webOS emulator

npm run webos:build
npm run webos:install

---

macOS

• support for OSX/macOS
• Based on Electron

Requirements

• n/a

Project Configuration

Feature	Version
electron	2.0.0
react-native-web	0.8.9
electron-builder	20.28.2

Run

npm run macos

---

Windows

• support for Windows 10+
• Based on Electron

Requirements

• Windows dev environment

Project Configuration

Feature	Version
electron	2.0.0
react-native-web	0.8.9
electron-builder	20.28.2

Run

npm run windows

Distribute

npm run windows:dist

---

Contributors

Pavel Jacko 📖	Daniel Marino Ruiz 📖	Sander Looijenga 📖	David Rielo 📖

---

Discussions

coming soon

---

Community

Special thanks to open-source initiatives this project utilises, notably:

• https://www.npmjs.com/package/react-native
• https://www.npmjs.com/package/react-native-web
• https://www.npmjs.com/package/webpack
• https://www.npmjs.com/package/babel-cli
• https://www.npmjs.com/package/electron

---

LICENSE

MIT