{"id":14965835,"url":"https://github.com/qowns8/react-component-boilerplate","last_synced_at":"2026-02-25T07:33:45.322Z","repository":{"id":52150481,"uuid":"520796256","full_name":"qowns8/react-component-boilerplate","owner":"qowns8","description":"simple boilerplate for single component ","archived":false,"fork":false,"pushed_at":"2022-10-16T08:22:48.000Z","size":94596,"stargazers_count":4,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-31T07:11:47.078Z","etag":null,"topics":["boilerplate","cypress","jest","react","rollup","storybook","typescript","yarn2"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/qowns8.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":"2022-08-03T08:23:27.000Z","updated_at":"2023-01-11T23:55:14.000Z","dependencies_parsed_at":"2023-01-20T04:08:21.098Z","dependency_job_id":null,"html_url":"https://github.com/qowns8/react-component-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qowns8%2Freact-component-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qowns8%2Freact-component-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qowns8%2Freact-component-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qowns8%2Freact-component-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qowns8","download_url":"https://codeload.github.com/qowns8/react-component-boilerplate/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238147549,"owners_count":19424280,"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":["boilerplate","cypress","jest","react","rollup","storybook","typescript","yarn2"],"created_at":"2024-09-24T13:35:27.172Z","updated_at":"2025-10-25T13:30:53.564Z","avatar_url":"https://github.com/qowns8.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-component-boilerplate\n\n## why use react-component-boilerplate?\nwhen we make web production by react we have to make too many component (sometime we did create similar)\nif you are senior you will make again what has already been done \nit solution is isolated component\n\nso i'm composed react-component development template\n\n# develop setting\n\n## recommend yarn berry\nthis boilerplate developed on yarn berry\n\nproject not use pnp but use package cache\ni will have plan nodeLiker to pnp (not yet)\n\nalways node_modules bigger any other lang package\nif you use yarn-barry you can use zero-install and pnp\n\n[how to install yarn](https://yarnpkg.com/getting-started/install)\n\n```shell\n#\nnpm install -g yarn\n```\n## build\n\n```shell\nyarn workspace @react-component-boilerplate/component install\nyarn\nyarn build:component # bundle to dist\n```\n\n## dir structure\nmonorepo\n\n```\n/.github           # git actions ci script\n/.husky            # husky working before commit and push for lint, jest\n/.yarn             # if you use yarn-berry\n/packages          # monorepo   \n    /docs              # storybook repo\n    /exmaple           # smaple react site repo\n      /src\n      /package.json \n    /react-component   # real components\n        / dist              # build bundle\n        /src               # component code you can use scss and typesciprt\n          /index.tsx\n          /index.scss\n        /rollup.config.js # bundler config if use external dependency check it\n/.eslintrc\n/.gitgnore\n/.prettierignore\n/.prettierrc      # formatting like semi, line, break\n/package.json\n```\n\n## test (not yet)\n\nsupport unit and e2e both\n\nunit test working on [jest](https://jestjs.io/)\ne2e test working on [cypress](https://www.cypress.io/)\n\n```shell\n#jest\nyarn test:component\n```\n\n```shell\n#e2e \n#testing dir is /example\n#end to end test required react-component dist\nyarn workspace @react-component-boilerplate/component install\nyarn build:component\n\n# move to example site\nyarn \nyarn test:e2e\n```\n\n\n## CI rule (not yet)\nwhen we develop software CI is most important thing\nthis template use git-action\nif you do not want ci removed `./github/workflows`\n\n## storybook\n`/packages/docs`\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqowns8%2Freact-component-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqowns8%2Freact-component-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqowns8%2Freact-component-boilerplate/lists"}