{"id":29195718,"url":"https://github.com/md-command-line/hello-world-react-npm-component","last_synced_at":"2025-07-02T05:05:37.850Z","repository":{"id":57262575,"uuid":"189784002","full_name":"md-command-line/hello-world-react-npm-component","owner":"md-command-line","description":"adds webpack and some folder conventions to let you publish components to npm publically.","archived":false,"fork":false,"pushed_at":"2019-06-20T04:39:05.000Z","size":6,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-29T09:48:48.946Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://medium.com/@BrodaNoel/how-to-create-a-react-component-and-publish-it-in-npm-668ad7d363ce","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/md-command-line.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":"2019-06-01T22:46:49.000Z","updated_at":"2020-05-19T04:13:55.000Z","dependencies_parsed_at":"2022-08-26T12:33:12.610Z","dependency_job_id":null,"html_url":"https://github.com/md-command-line/hello-world-react-npm-component","commit_stats":null,"previous_names":["michaeldimmitt/hello-world-npm-component"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/md-command-line/hello-world-react-npm-component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/md-command-line%2Fhello-world-react-npm-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/md-command-line%2Fhello-world-react-npm-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/md-command-line%2Fhello-world-react-npm-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/md-command-line%2Fhello-world-react-npm-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/md-command-line","download_url":"https://codeload.github.com/md-command-line/hello-world-react-npm-component/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/md-command-line%2Fhello-world-react-npm-component/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262573959,"owners_count":23330763,"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":"2025-07-02T05:05:37.146Z","updated_at":"2025-07-02T05:05:37.840Z","avatar_url":"https://github.com/md-command-line.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Usage \n\nScript for the example sourced from: \nhttps://github.com/MichaelDimmitt/ship-my-component-npm\n```bash\n## Important for the init command: \n  ## specify the entrypoint: build/index.js  \n  ## specify test: webpack \nnpm init \u0026\u0026\nmkdir build \u0026\u0026\ncurl -L -o webpack.config.js https://raw.githubusercontent.com/MichaelDimmitt/ship-my-component-npm/master/webpack.config.js \u0026\u0026\n\nnpm install react@15.5.4 webpack@2.6.1 \u0026\u0026 \nnpm install -D babel-cli@6.24.1 babel-core@6.24.1 babel-loader@7.0.0 babel-plugin-transform-object-rest-spread@6.23.0 babel-plugin-transform-react-jsx@6.24.1 babel-preset-env@1.5.1 \u0026\u0026\nnpm test \u0026\u0026\nnpm publish\n\n## cleanup\nrm -rf node_modules package.json package-lock.json webpack.config.js \n```\n\n```javascript\n// normal class component implementation is version #7\nnpm install --save hello-world-npm-component@1.0.7\nimport HelloWorld from 'hello-world-npm-component';\n\n// functional component implementation is version #6\nnpm install --save hello-world-npm-component@1.0.6\nimport { HelloWorld } from 'hello-world-npm-component';\n```\n\n## see the code at these two branches:\ngit checkout react-class-component;\n\u003cbr/\u003egit checkout react-functional-component;\n\nsuccess reached through the following helpful document:\n\u003cbr/\u003ehttps://medium.com/@BrodaNoel/how-to-create-a-react-component-and-publish-it-in-npm-668ad7d363ce\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmd-command-line%2Fhello-world-react-npm-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmd-command-line%2Fhello-world-react-npm-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmd-command-line%2Fhello-world-react-npm-component/lists"}