{"id":16350378,"url":"https://github.com/saifadin/start-react-component","last_synced_at":"2025-07-11T15:41:04.430Z","repository":{"id":33848133,"uuid":"161184339","full_name":"Saifadin/start-react-component","owner":"Saifadin","description":"CLI to create React Components","archived":false,"fork":false,"pushed_at":"2022-03-24T03:57:45.000Z","size":29,"stargazers_count":4,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-01T04:01:07.043Z","etag":null,"topics":["cli","components","node","react"],"latest_commit_sha":null,"homepage":null,"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/Saifadin.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":"2018-12-10T14:06:07.000Z","updated_at":"2019-09-09T18:19:20.000Z","dependencies_parsed_at":"2022-08-07T23:16:41.626Z","dependency_job_id":null,"html_url":"https://github.com/Saifadin/start-react-component","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Saifadin/start-react-component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Saifadin%2Fstart-react-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Saifadin%2Fstart-react-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Saifadin%2Fstart-react-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Saifadin%2Fstart-react-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Saifadin","download_url":"https://codeload.github.com/Saifadin/start-react-component/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Saifadin%2Fstart-react-component/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264842220,"owners_count":23671954,"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":["cli","components","node","react"],"created_at":"2024-10-11T01:04:42.371Z","updated_at":"2025-07-11T15:41:04.401Z","avatar_url":"https://github.com/Saifadin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Create React Component\n\nA blazing-fast CLI to create React components 🔥\n\n[![npm version](https://badge.fury.io/js/start-react-component.svg)](https://badge.fury.io/js/start-react-component) [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/Saifadin/start-react-component/issues)\n\n## Installation\n\nTo install run this with `npm`:\n\n```\nnpm install --global start-react-components\n```\n\nor this with `yarn`:\n\n```\nyarn global add start-react-component\n```\n\n## Usage\n\nTo use this CLI you have two possible syntaxes:\n\n```\nstart-react-component [cmd]\n\nsrc [cmd]\n```\n\n## Commands\n\n### Initialize\n\nTo initialize the configurations, run the following and answer the question, to generate your configuration file `.srcrc`\n\n```\n$ start-react-component init\n\n  ___       _ _   _       _ _\n |_ _|_ __ (_) |_(_) __ _| (_)_______\n  | || '_ \\| | __| |/ _` | | |_  / _ \\\n  | || | | | | |_| | (_| | | |/ /  __/\n |___|_| |_|_|\\__|_|\\__,_|_|_/___\\___|\n\nWelcome to Start React Component, 👋\nan opinionated CLI for creating component files from the command line.\nIt tries to adhere to the Community Best Practices, but it is customizable.\nWe will ask you some questions, about your project to make working with SRC faster and easier! 🚀\nThis will generate a .srcrc file in your project root.\n\n? Enter the application folder ...\n? Enter Styles Type ...\n❯ emotion10\n  emotion\n  css\n  cssModules\n? Enter prefered Component Type ...\n❯ Functional Component\n  Class Component\n? Are you using graphQl in the project? (Y/n)\n```\n\nThese are the current main configuration options. More possibilities are coming in the future, see the Future Plans section at the bottom.\n\nYou can override the Configurations by running the `init` command with the `--force` or `-f` Flag\n\n### Configuration Options\n\n| Name            |    Default     | Description                                                                                               |\n| :-------------- | :------------: | :-------------------------------------------------------------------------------------------------------- |\n| `srcPath`       |    `\"src\"`     | The directory where the main code lies in                                                                 |\n| `stylesType`    |    `\"css\"`     | The type of the prefered generated stylings. Current options: `css`, `cssModules`, `emotion`, `emotion10` |\n| `componentType` | `\"functional\"` | The prefered generated component style. Current options: `functional`, `class`                            |\n| `graphql`       |    `false`     | If graphql is used in the project                                                                         |\n\n### New Component\n\nTo create a new Component run the following and answer the questions:\n\n```\n  _   _                 ____                 _      ____                                             _\n | \\ | | _____      __ |  _ \\ ___  __ _  ___| |_   / ___|___  _ __ ___  _ __   ___  _ __   ___ _ __ | |_\n |  \\| |/ _ \\ \\ /\\ / / | |_) / _ \\/ _` |/ __| __| | |   / _ \\| '_ ` _ \\| '_ \\ / _ \\| '_ \\ / _ \\ '_ \\| __|\n | |\\  |  __/\\ V  V /  |  _ \u003c  __/ (_| | (__| |_  | |__| (_) | | | | | | |_) | (_) | | | |  __/ | | | |_\n |_| \\_|\\___| \\_/\\_/   |_| \\_\\___|\\__,_|\\___|\\__|  \\____\\___/|_| |_| |_| .__/ \\___/|_| |_|\\___|_| |_|\\__|\n                                                                       |_|\n? Enter the parent folder to add to (components)\n? Enter Folder Name ...\n? Enter Component Name ...\n? Select Component Type ...\n? Create a query file? (Y/n)\n```\n\nThis will generate an `index.js` file, a `styles.(css|scss|js)` file and a `query.js` file if requested.\n\n## Future Plans\n\n- Language Flavors:\n  - Add TypeScript support\n- Styling Flavors:\n  - `scss`\n  - `scssModules`\n  - `styled-components`\n- More Configuration Options\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaifadin%2Fstart-react-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaifadin%2Fstart-react-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaifadin%2Fstart-react-component/lists"}