Permalink
Find file Copy path
672c631 Jan 14, 2018
3 contributors

Users who have contributed to this file

@chandu0101 @virtualirfan @arturaz
207 lines (104 sloc) 3.95 KB

Getting Started

All templates are based on Giter8, make sure you installed sbt 0.13.16 or above on your machine.

Which app you want to build ?

Native Mobile App

Make sure you have your environment setup : https://facebook.github.io/react-native/docs/getting-started.html (one time process)

Stack Navigation

stacknav

sbt new scalajs-react-interface/mobile.g8

//it will ask for your project name and package, enter them and continue

// if all goes well it will create a new folder with name you specified above

cd project-name//name you specified above

react-native init project-name//make sure you enter same name as above

//it will create new folder with `project-name` , your dir will be like `project-name`/`project-name`.

//copy android and ios folders from inner `project-name` folder to outer `project-name` folder and then delete inner `project-name` folder.

npm install or yarn install

// start server 

npm start

// Start Development

Sbt Tasks

Tab Navigation

stacknav

sbt new scalajs-react-interface/mobile.g8 -b tab-navigation

//it will ask for your project name and package, enter them and continue

// if all goes well it will create a new folder with name you specified above

cd project-name//name you specified above

react-native init project-name//make sure you enter same name as above

//it will create new folder with `project-name` , your dir will be like `project-name`/`project-name`.

//copy android and ios folders from inner `project-name` folder to outer `project-name` folder and then delete inner `project-name` folder.

npm install or yarn install

react-native link react-native-vector-icons

// start server

npm start

// Start Development

Sbt Tasks

Drawer Navigation

stacknav

sbt new scalajs-react-interface/mobile.g8 -b drawer-navigation

//it will ask for your project name and package, enter them and continue

// if all goes well it will create a new folder with name you specified above

cd project-name//name you specified above

react-native init project-name//make sure you enter same name as above

//it will create new folder with `project-name` , your dir will be like `project-name`/`project-name`.

//copy android and ios folders from inner `project-name` folder to outer `project-name` folder and then delete inner `project-name` folder.

npm install or yarn install

react-native link react-native-vector-icons

// start server

npm start

// Start Development

Sbt Tasks

Mobile Development

iOS :

 sbt ~ios:dev // for devlopment
 sbt ios:prod // for production
 // open new terminal
 react-native run-ios

Android :

 sbt ~android:dev // for devlopment
 sbt android:prod // for production
 // start your android emulator / connect ur device
 // open new terminal
 react-native run-android

Web App

Web Basic

Demo

git clone https://github.com/scalajs-react-interface/web-examples

cd basic 

// follow instructions in README.md

Web MaterialUI

Demo

git clone https://github.com/scalajs-react-interface/web-examples

cd materialui 

// follow instructions in README.md

Web Relay Graphcool

Demo

git clone https://github.com/scalajs-react-interface/web-examples

cd relay-graphcool 

// follow instructions in README.md

Web And Mobile App

coming soon..