ucsc-xena-client
v2.94.1
Published
UCSC Xena Client. Functional genomics visualizations.
Downloads
27
Readme
UCSC Xena Roadmap
UCSC Xena Client
Functional genomics browser
Developer docs
This is a browser app, written in javascript. The primary technologies we use are React, the HTML 2d canvas API, and RxJS. We use babel for es6 support, and webpack for the build.
The application architecture looks a lot like redux, but was developed before redux was a thing. So, we can use redux dev tooling, and the reselect lib, but we currently do not use redux itself. The async model is in the direction of redux-observable, with action side-effects invoking rx streams that will then dispatch later actions.
Further doc links:
- Architecture overview
- State updates, in detail
- Debug strategies, widget hierarchy, etc.
- Writing an action handler
Build
The build is based on npm and webpack.
- Ensure that git and node are installed
- On OSX, install brew http://brew.sh/
brew install git
brew install node
git clone https://github.com/acthp/ucsc-xena-client.git
cd ucsc-xena-client
npm install
npm start
- browse to http://localhost:8080/webpack-dev-server/heatmap/
There may be npm warnings about missing redux libraries, but these can be ignored. We're not using redux. We're just using redux tooling.
References
- http://blog.keithcirkel.co.uk/how-to-use-npm-as-a-build-tool/
- http://webpack.github.io/