GettingStarted.md

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
• Web App
• Web And Mobile App coming soon

Native Mobile App

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

• App With Stack Navigation
• App With Tab Navigation
• App With Drawer Navigation

Stack Navigation

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

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

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(vdom,css,router)
• Web MaterialUI(vdom,css,router,material-ui)
• Web RelayGraphcool(vdom,css,router,relay,graphcool)

Web Basic

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

cd basic 

// follow instructions in README.md

Web MaterialUI

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

cd materialui 

// follow instructions in README.md

Web Relay Graphcool

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

cd relay-graphcool 

// follow instructions in README.md

Web And Mobile App

coming soon..