{"id":19756610,"url":"https://github.com/esnet/esnet-react-base","last_synced_at":"2025-10-19T15:14:47.936Z","repository":{"id":24740250,"uuid":"28152694","full_name":"esnet/esnet-react-base","owner":"esnet","description":"Common React components for ESnet tools","archived":false,"fork":false,"pushed_at":"2016-10-05T20:34:49.000Z","size":3644,"stargazers_count":0,"open_issues_count":0,"forks_count":2,"subscribers_count":27,"default_branch":"master","last_synced_at":"2025-02-11T08:02:59.273Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://software.es.net/esnet-react-base","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/esnet.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-12-17T19:47:59.000Z","updated_at":"2016-10-05T20:27:37.000Z","dependencies_parsed_at":"2022-08-17T17:25:08.844Z","dependency_job_id":null,"html_url":"https://github.com/esnet/esnet-react-base","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/esnet%2Fesnet-react-base","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/esnet%2Fesnet-react-base/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/esnet%2Fesnet-react-base/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/esnet%2Fesnet-react-base/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/esnet","download_url":"https://codeload.github.com/esnet/esnet-react-base/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241086863,"owners_count":19907350,"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-12T03:16:24.568Z","updated_at":"2025-10-19T15:14:42.890Z","avatar_url":"https://github.com/esnet.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"**Warning**: This repository contains a set of general purpose React components which are used within the Portal and the internal ESDB project. Largely this library exists to enable reuse of standard UI pieces across ESnet Software Engineering Group projects. As a result these may change without notice or provide little value outside of ESnet.\n\n---\n\nCurrent components are:\n\n - Timezone aware clock\n - Easy to use breadcrumbs\n - Given an address, render a directions link, a lat/long link or a Google Map\n - Navigation pills or tabs\n - Section links (used in ESDB)\n - Spinner\n - A view row helper\n\nGetting started\n---------------\n\nThe base library is intended to be used with npm and the built into your project with something like webpack.\n\n    npm install esnet-react-base --save\n\nOnce installed, you can import the necessary components from the library:\n\n    import { Clock } from \"esnet-react-base\";\n    ...\n    render() {\n        ...\n        return (\n            \u003cClock timezone={\"america/los_angeles\"}/\u003e\n        )\n    }\n\nSee the examples for more information.\n\nExamples\n--------\n\nTo run the examples locally you first need to clone the repo, then from the root of the project, run:\n\n```\n\u003e npm link\n```\n\nFirst we want to link react and react-dom:\n\n```\n\u003e npm link examples/node_modules/react\n\u003e npm link examples/node_modules/react-dom\n```\n\nNow change directory down to the examples/ directory and `npm link` to the main project, and `npm install` all the dependencies:\n\n```\n\u003e cd examples\n\u003e npm link esnet-react-base\n\u003e npm install\n```\n\nIn this way, we can run the examples and references to import from \"esnet-react-base\" in the example code will resolve up to the parent. The complication here is that the parent project has two peer dependencies that need to be taken into account. That's why we npm linked to react and react-dom, those peer dependencies, out of out examples/ dir. That way we only have one install of React.\n\nYou can then start up the test server, as well as automatic source building, by doing:\n\n```\nnpm run start\n```\n\nThis should launch a browser window on the localhost:\n\nhttp://localhost:3000/\n\nFrom now on, if you change the source code and the examples will rebuild and the browser will refresh itself. Errors will also be reported in the browser window.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fesnet%2Fesnet-react-base","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fesnet%2Fesnet-react-base","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fesnet%2Fesnet-react-base/lists"}