{"id":18599270,"url":"https://github.com/bkawk/npm-react","last_synced_at":"2025-11-02T08:30:23.982Z","repository":{"id":65757423,"uuid":"598532227","full_name":"bkawk/npm-react","owner":"bkawk","description":null,"archived":false,"fork":false,"pushed_at":"2023-02-08T10:17:34.000Z","size":181,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-04-25T10:22:23.676Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/bkawk.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-02-07T09:59:29.000Z","updated_at":"2023-02-07T23:47:12.000Z","dependencies_parsed_at":null,"dependency_job_id":"fc289d10-44de-4a44-9970-296ac5a424d8","html_url":"https://github.com/bkawk/npm-react","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/bkawk%2Fnpm-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bkawk%2Fnpm-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bkawk%2Fnpm-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bkawk%2Fnpm-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bkawk","download_url":"https://codeload.github.com/bkawk/npm-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239389582,"owners_count":19630309,"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-07T01:38:31.052Z","updated_at":"2025-11-02T08:30:23.919Z","avatar_url":"https://github.com/bkawk.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Component Library with Create React App\n\nThis project uses [Create React App](https://create-react-app.dev/) with TypeScript to develop and test a collection of reusable React components before publishing to npm.\n\n## Prerequisites\n- npm account (paid or public repository)\n- [React](https://reactjs.org/) knowledge\n- [Create React App](https://create-react-app.dev/) experience\n- [TypeScript](https://www.typescriptlang.org/) knowledge (optional)\n\n## Getting Started\n1. Fork the repository\n2. Pull the repository\n3. Run `npm install` in the project directory\n4. Create a folder in `/src/components` for your new component\n5. Make an index file in `/src/components/yourComponentName` with the component exported\n6. Add the export to `/index.ts`\n7. Test and develop your component by adding it to `/src/App.tsx`\n8. Consider using [Emotion](https://emotion.sh/docs/introduction) or similar to keep CSS with the component.\n9. Change the name and homepage in `package.json` to reflect your library\n\n## Testing the Components\nThis project uses [Create React App](https://create-react-app.dev/) to test the components, so you can use [React Testing Library](https://testing-library.com/docs/react-testing-library/intro) to write tests.\n\n## How to Publish\n```npm run prepare```\n\n1. Check the contents of `lib` folder as this is what will get published after running `npm run publish`. The type definitions will also be added to the `/lib` folder.\n2. Change the version in `package.json`\n3. Push the code\n\n```npm run publish```\n\nThis script is set up to publish the components in the `/lib` folder to npm with the `--access public` flag, making the package publicly available.\n\n## Package Structure\nThe built package, which includes both CommonJS and ECMAScript modules, as well as CSS files, will be located in the `lib` folder.\n\n## Contributing\nContributions are welcome! If you would like to contribute to this project, please follow these steps:\n1. Fork the repository\n2. Create a new branch for your contribution\n3. Make your changes\n4. Submit a pull request\n\nWe appreciate any contribution that helps improve the project, whether it's fixing bugs, adding new features, or improving documentation. Before submitting your contribution, please make sure to thoroughly test your changes in the development environment to ensure stability and compatibility.\n\nWhen submitting a pull request, please include a clear and concise description of the changes you have made and why they are needed. Please also make sure that your code follows the existing coding standards and conventions used in the project.\n\nWe look forward to reviewing your contributions!\n\n## License\nThis project is licensed under the MIT license. The license file can be found at the root of the repository: [LICENSE](./LICENSE)\n\n## Note\nPlease make sure to thoroughly test the components in the development environment before publishing to ensure stability and compatibility.\n\nWe hope you have good times and fun building React components with this library!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbkawk%2Fnpm-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbkawk%2Fnpm-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbkawk%2Fnpm-react/lists"}