{"id":13490766,"url":"https://github.com/brandon-schabel/react-component-lib-template","last_synced_at":"2025-03-28T07:31:27.369Z","repository":{"id":100622274,"uuid":"579847697","full_name":"brandon-schabel/react-component-lib-template","owner":"brandon-schabel","description":"This is a Storybook 7 React component library template that you can use to develop your own library. Includes a blog post that runs through all the setup if you're curious about the nitty gritty details.","archived":false,"fork":false,"pushed_at":"2023-03-22T17:08:23.000Z","size":708,"stargazers_count":22,"open_issues_count":2,"forks_count":7,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-24T06:58:08.259Z","etag":null,"topics":["react","storybook","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://medium.com/better-programming/build-a-custom-react-component-library-with-storybook-7-beta-and-vite-4-in-2023-c52db4d733c0","language":"CSS","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/brandon-schabel.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-12-19T04:38:41.000Z","updated_at":"2024-06-04T20:19:21.000Z","dependencies_parsed_at":"2023-05-16T10:15:13.572Z","dependency_job_id":null,"html_url":"https://github.com/brandon-schabel/react-component-lib-template","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/brandon-schabel%2Freact-component-lib-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brandon-schabel%2Freact-component-lib-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brandon-schabel%2Freact-component-lib-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brandon-schabel%2Freact-component-lib-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/brandon-schabel","download_url":"https://codeload.github.com/brandon-schabel/react-component-lib-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245989074,"owners_count":20705752,"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":["react","storybook","tailwindcss","typescript"],"created_at":"2024-07-31T19:00:50.768Z","updated_at":"2025-03-28T07:31:26.944Z","avatar_url":"https://github.com/brandon-schabel.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"## React Storybook With TypeScript and Tailwind for styling\n\nStorybook, React, Tailwind, and TypeScript are all powerful tools that can be combined to create a powerful web application. Storybook provides developers with a way to quickly prototype and develop components in isolation, while React provides the tools to quickly build out a web application. Tailwind provides a library of pre-built UI components and utility classes, while TypeScript adds type safety and autocompletion to the development process. Together, these tools provide developers with the tools they need to quickly and easily build complex, modern web applications.\n\n## Blog Post\n\nCheckout the [**blog post for this project**](https://medium.com/better-programming/build-a-custom-react-component-library-with-storybook-7-beta-and-vite-4-in-2023-c52db4d733c0) if you're curious about any of the decisions or how anything was setup:\n\n# Setup\n\n`npm install`\n\n# Start\n\n`npm run storybook`\n\n# Build/Bundle Component Library\n\n`npm run build`\n\n# Build/Bundle Storybook For Deployment\n\n`npm run build-storybook`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrandon-schabel%2Freact-component-lib-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrandon-schabel%2Freact-component-lib-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrandon-schabel%2Freact-component-lib-template/lists"}