https://github.com/cmdcolin/jbrowse_in_react_app

Using JBrowse in a react app
https://github.com/cmdcolin/jbrowse_in_react_app

Last synced: 23 days ago
JSON representation

Using JBrowse in a react app

• Host: GitHub
• URL: https://github.com/cmdcolin/jbrowse_in_react_app
• Owner: cmdcolin
• Created: 2020-06-22T16:10:34.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T21:50:33.000Z (over 3 years ago)
• Last Synced: 2025-01-15T08:44:31.771Z (over 1 year ago)
• Language: JavaScript
• Size: 5.61 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 21
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
This initializes a JBrowse instance in a React app

This uses a number of crutches that are not necessarily ideal, and could possibly be fixed up, but help for now

This includes

1. copying img directory from jbrowse github to public folder. the jbrowse distribution does not copy it's img to the dist directory, making it so the dist directory of jbrowse is not self contained

2. manually having a jbrowse.conf and jbrowse_conf.json empty in the public folder. jbrowse does not currently, as of writing, work without these files there. it should have an option to initialize from a config passed to browser instance only though

3. it uses the "JBrowse CDN", e.g. just a script tag pointing to jbrowse.org/code/JBrowse-1.16.9/dist/browser.bundle.js, instead of say a @gmod/jbrowse npm package

Despite these things, the instance works and is maybe an example you can build on

![](img/1.png)

Demo https://cmdcolin.github.io/jbrowse_in_react_app/