React Alignment Viewer

MSA/Alignment viewer in React

> A React component to interactively view multiple genomic or proteomic sequences.

![Build
Status](https://travis-ci.org/plotly/react-alignment-viewer)



Getting started

$3

For yarn users, run:

``
$ 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.

Contributing

Thanks for your interest in maintaining the library!
Please see the CONTRIBUTING file.

Contributor Code of Conduct

Please note that this project is released with a Contributor Code of
Conduct. By participating in this project you
agree to abide by its terms. See CODE_OF_CONDUCT file.

License

react-alignment-viewer is released under the MIT License. See the bundled
LICENSE file for details.