A template repo to get started with Multiscreen TV apps using ReactJS.

The project utilizes ReactJS for components and BabelJS for ES6/React code compilation support.

• src (all uncompiled code and assets)
  • tv
    • index.html (staticaly copied upon build)
    • index.js (used as the entry point for mapping script dependencies)
    • fonts (staticaly copied upon build)
    • images (staticaly copied upon build)
    • js (compiled by babel using the index.js for dependency graphing upon build ... js and jsx files)
    • styles (compiled by lessc upon build using styles.less for the entry point)

To build the app, clone the repo and run the following command:

$ npm install

The postinstall script will create an initial build. Gulp is used for all task including compiling scripts, styles, and assets.

Build the application

$ gulp build

Run the local test server

$ gulp server (available at http://localhost:3000/(mobile|tv)

Develop with livereload support Watches for src file changes and recompiles the needed files. This includes livereload support. You can install the livereload extension here.

$ gulp watch (available at http://localhost:3000/