A React component to make interactive multiple sequence alignments
npm install react-alignment-viewer-dlwr
$ yarn add react-alignment-viewer
`
For npm users, run:
`
$ npm install react-alignment-viewer
`
$3
`js
import React from 'react';
import AlignmentViewer from 'react-alignment-viewer';
import dataset from 'p3.fasta'; // assumes you have raw-loader
class App extends React.Component {
render() {
return (
);
}
}
`
Development
$3
Get the code:
`
$ git clone https://github.com/plotly/react-alignment-viewer
`
Install the project dev dependencies:
`
Install dependencies
$ yarn
Watch source for changes and build to
src/lib/
$ yarn start
`
The React app demo should be available at: http://localhost:8080/.
$3
To build the production version of this library, run the command below, which
will create a dist/ folder containing the required files:
`
$ yarn build
`
In order to release a new version, you can push a git tag and Travis-CI will
automatically publish a npm release at:
https://www.npmjs.com/package/react-alignment-viewer. There is no need to run yarn build by yourself See the .travis.yml` for further information.