Next-Gen Binary

To run project

git clone https://github.com/binary-com/binary-next-gen.git
npm install or sudo npm install
npm start

Then open localhost:3000 in a browser

To update to latest version

git pull
npm update (may need sudo)

Deploy new web version

We build with Gulp and deploy to GitHub Pages

cd build
npm install or npm update (may need sudo)
gulp deploy

Build new mobile app version

Use PhoneGap Build

Then Install Shared Apps

Build new desktop app version

We use Electron to run as desktop app.

npm i electron-prebuilt -g
electron

Technologies Used

• React - the framework
• React Router - for routing, mapping urls to views
• Redux - state management
• Reselect - data selection and computation
• Immutable.js - immutable data structures

Build Process

• npm - manage dependencies
• Babel - compile ES6 code
• Webpack - bundle application from modules
• cordova - build mobile app

Project Organization By Directory

• _actions - Redux actions
• _common - Common React Components
• _data - Server/API interaction
• _reducers - Redux reducers
• _routes - React Router route config
• _selectors - Get data out of store
• _store - Init for routes and Redux

Translations

Please see Weblate

Useful Learning Resources

Egghead

ES6 Cheatsheet

Live React: Hot Reloading with Time Travel

Immutable Data and React

Immutable JavaScript: You can't change this

react-router increases your productivity

PERFORMANCE ENGINEERING WITH REACT

A DEEP DIVE INTO REACT PERF DEBUGGING