#react #relay #redux #recompose #flow #jest #d3

• Technologies
• Installation
• Tests
• Development
• Contributing

Technologies

• React - JavaScript library for building user interfaces
• Relay - JavaScript framework for building data-driven React applications
• Redux - Predictable state container for JavaScript apps
• Recompose - React utility belt for function components and higher-order components
• Flow - Static type checker for JavaScript
• Jest - Delightful JavaScript testing
• d3 - Data-Driven Documents

Installation

Install Watchman

brew update
brew install watchman

Updated Versions and Dependencies

We recommend using Node v13.x and up (npm v6.x).

This application utilizes the Relay Classic API which reached EOL after react-relay v2.x Added @types/relay-runtime to lock version to 1.3.8.

npm i

Tests

npm test

Development

By default the portal will attempt to connect to an api instance running on localhost:5000, however this can changed by setting the environment variable REACT_APP_API, or by setting localStorage.REACT_APP_API in the browser.

# start ui connected to localhost:5000 api server
npm start

# start ui connected to UChicago api server
REACT_APP_API=https://api.gdc.cancer.gov/v0/ npm start

// change api url during runtime in browser
localStorage.REACT_APP_API = 'https://api.gdc.cancer.gov/v0/'

Contributing

Read how to contribute here