{"id":20387053,"url":"https://github.com/cmdcolin/jbrowse_in_react_app","last_synced_at":"2026-06-07T19:32:23.456Z","repository":{"id":39078639,"uuid":"274185049","full_name":"cmdcolin/jbrowse_in_react_app","owner":"cmdcolin","description":"Using JBrowse in a react app","archived":false,"fork":false,"pushed_at":"2023-01-05T21:50:33.000Z","size":5878,"stargazers_count":1,"open_issues_count":21,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-15T08:44:31.771Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cmdcolin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-22T16:10:34.000Z","updated_at":"2020-08-16T18:14:29.000Z","dependencies_parsed_at":"2023-02-04T18:16:24.085Z","dependency_job_id":null,"html_url":"https://github.com/cmdcolin/jbrowse_in_react_app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmdcolin%2Fjbrowse_in_react_app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmdcolin%2Fjbrowse_in_react_app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmdcolin%2Fjbrowse_in_react_app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmdcolin%2Fjbrowse_in_react_app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cmdcolin","download_url":"https://codeload.github.com/cmdcolin/jbrowse_in_react_app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241937034,"owners_count":20045166,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-15T02:42:28.996Z","updated_at":"2026-06-07T19:32:21.968Z","avatar_url":"https://github.com/cmdcolin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"This initializes a JBrowse instance in a React app\n\nThis uses a number of crutches that are not necessarily ideal, and could possibly be fixed up, but help for now\n\nThis includes\n\n1. 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\n\n2. 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\n\n3. 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\n\nDespite these things, the instance works and is maybe an example you can build on\n\n![](img/1.png)\n\nDemo https://cmdcolin.github.io/jbrowse_in_react_app/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcmdcolin%2Fjbrowse_in_react_app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcmdcolin%2Fjbrowse_in_react_app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcmdcolin%2Fjbrowse_in_react_app/lists"}