{"id":19529933,"url":"https://github.com/loopmode/react-component-panel","last_synced_at":"2025-11-20T13:03:38.233Z","repository":{"id":140399858,"uuid":"42476356","full_name":"loopmode/react-component-panel","owner":"loopmode","description":null,"archived":false,"fork":false,"pushed_at":"2015-09-14T22:55:09.000Z","size":132,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-08T16:26:16.446Z","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/loopmode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-09-14T20:52:37.000Z","updated_at":"2015-09-14T22:32:20.000Z","dependencies_parsed_at":"2023-03-13T07:50:32.305Z","dependency_job_id":null,"html_url":"https://github.com/loopmode/react-component-panel","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/loopmode%2Freact-component-panel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loopmode%2Freact-component-panel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loopmode%2Freact-component-panel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loopmode%2Freact-component-panel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/loopmode","download_url":"https://codeload.github.com/loopmode/react-component-panel/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240783109,"owners_count":19856776,"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-11T01:28:12.680Z","updated_at":"2025-11-20T13:03:38.201Z","avatar_url":"https://github.com/loopmode.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React component starter\n\nQuickstart your react component development and use components as npm modules!\n\n## Usage\n\nMake sure you have [node.js](https://nodejs.org) installed and `git clone git@github.com:loopmode/react-component-starter.git` this repository.\nThen install and start the project:\n\n    cd react-component-starter\n    npm install\n    npm start\n\n### build\n`npm run build` to create a transpiled ES5 version of your `./src` and copy it to `./lib`, which is the module you actually export.  \n`npm run build-watch` to keep rebuilding whenever any source files change.\n\n### react-dev-server\nRun `npm start` to start a development server and preview your component in the browser, standalone.\n\n### npm link\nRun `npm link` in the root folder of the package. \nThen, in your actual projects, install it with `npm link your-package-name` and use it just like you would use any other npm module.  \nNow your component is symlinked into your project, so any changes you make to your component are available dependent projects right after you build your sources. Keep the `build-watch` to rebuild whenever you change your sources.\n\n### in your actual projects\n\nImport or require your component using ES6:\n\n    import MyModule from 'your-package-name';\n\nor using ES5 CommonJS:\n\n    var MyModule = require('your-package-name');\n\n## Notes\n  \n- To work on multiple standalone components simultanously, you need to tweak the `DEV_SERVER.port` settings in `webpack.config.js`.\n\n## Todos\n\n- Install testing environment\n- Trigger hot reload in dependent projects. It must be possible!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Floopmode%2Freact-component-panel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Floopmode%2Freact-component-panel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Floopmode%2Freact-component-panel/lists"}