{"id":24782228,"url":"https://github.com/kobir1989/react-quickstart-cli","last_synced_at":"2025-04-10T04:11:41.390Z","repository":{"id":274419841,"uuid":"922821403","full_name":"kobir1989/react-quickstart-cli","owner":"kobir1989","description":"A powerful command-line interface tool designed to accelerate React development workflows by automating component creation and project structure setup.","archived":false,"fork":false,"pushed_at":"2025-01-30T08:35:41.000Z","size":80,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-24T05:32:36.956Z","etag":null,"topics":["cli","generator","react","template"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/react-quickstart-cli-2","language":"JavaScript","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/kobir1989.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":"2025-01-27T06:07:18.000Z","updated_at":"2025-01-31T05:54:39.000Z","dependencies_parsed_at":"2025-03-24T05:28:27.379Z","dependency_job_id":"feb15f1b-b3eb-4359-a453-8cfe70d670ea","html_url":"https://github.com/kobir1989/react-quickstart-cli","commit_stats":null,"previous_names":["kobir1989/react-custom-cli","kobir1989/react-quickstart-cli"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kobir1989%2Freact-quickstart-cli","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kobir1989%2Freact-quickstart-cli/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kobir1989%2Freact-quickstart-cli/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kobir1989%2Freact-quickstart-cli/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kobir1989","download_url":"https://codeload.github.com/kobir1989/react-quickstart-cli/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248154994,"owners_count":21056543,"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","generator","react","template"],"created_at":"2025-01-29T11:16:34.276Z","updated_at":"2025-04-10T04:11:41.368Z","avatar_url":"https://github.com/kobir1989.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Quickstart CLI \n![npm version](https://img.shields.io/badge/npm-v1.0.3-blue)\n![Downloads](https://img.shields.io/npm/dt/react-quickstart-cli-2)\n\nA powerful command-line interface tool designed to accelerate React development workflows by\nautomating component creation and project structure setup.\n\n\u003cimg width=\"1177\" alt=\"Screenshot 2025-01-28 at 10 22 14 PM\" src=\"https://github.com/user-attachments/assets/8253267e-e965-41c0-bacb-149f311128e9\" /\u003e\n\n\u003cimg width=\"1177\" alt=\"Screenshot 2025-01-28 at 10 24 26 PM\" src=\"https://github.com/user-attachments/assets/83afb00f-d306-438d-9330-ec162ec31e68\" /\u003e\n\n\u003cimg width=\"1177\" alt=\"Screenshot 2025-01-28 at 10 25 12 PM\" src=\"https://github.com/user-attachments/assets/eac04986-6d67-49c5-aa15-85e85d1a3558\" /\u003e\n\n\n## 🚀 Features\n\n- **Component Generation**\n\n  - Create functional components with TypeScript/JavaScript support\n  - Styling options: SCSS, CSS, or no styling\n  - Optional test file generation\n  - Component name validation with PascalCase enforcement\n\n- **Custom Hooks**\n\n  - Generate hooks with proper naming convention (useHookName)\n  - TypeScript/JavaScript support\n  - Optional features:\n    - Test file generation\n    - Built-in React hooks integration (useState, useEffect, useCallback, useMemo)\n\n- **Context Management**\n\n  - Create Context providers with TypeScript/JavaScript support\n  - Optional Redux-style reducer setup\n  - Customizable context path structure\n\n- **API Integration**\n\n  - Generate API service templates\n  - Choose between Axios or Fetch\n  - Configurable base URL\n  - TypeScript/JavaScript support\n\n- **Form Generation**\n\n  - Choose between React Hook Form or Formik\n  - Optional Yup validation\n  - Multiple field type support:\n    - Text Input\n    - Email\n    - Password\n    - Number\n    - Select\n    - Checkbox\n    - Radio\n    - Textarea\n\n- **Testing Utilities**\n\n  - Generate test files for existing components\n  - Support for:\n    - Unit Tests\n    - Integration Tests\n    - Snapshot Tests\n  - Optional test mocks\n\n- **Project Utilities**\n  - Safe file/component removal with confirmation\n  - Supports both root and src directory paths\n\n## 📦 Installation\n\n```bash\nnpm install -g react-quickstart-cli-2\n```\n\n## 🛠️ Usage\n\n### Quick Start\n\n```bash\n# Start the CLI\nreact-quickstart-cli\n\n# Or use the shorthand\nrqc\n```\n\n### Component Generation\n\n```bash\n? Component name: MyComponent\n? Component path (relative to src): components\n? File type: tsx (tsx, jsx, ts, js)\n? Styling solution: SCSS (css, scss, none)\n? Additional features: 🧪 Test File\n```\n\n### Hook Generation\n\n```bash\n? Hook name: useMyHook\n? Hook path (relative to src): hooks\n? File type: ts (ts, js)\n? Additional features: 🧪 Test File, 📦 useState, 🔄 useEffect\n```\n\n### Context Generation\n\n```bash\n? Context name: MyContext\n? Context path (relative to src): contexts\n? File type: tsx (tsx, jsx, ts, js)\n? Include reducer: Yes (yes, no)\n```\n\n### Form Generation\n\n```bash\n? Form name: MyForm\n? Form path (relative to src): components\n? File type: tsx (tsx, jsx, ts, js)\n? Choose form library: React Hook Form (react-hook-form, formik)\n? Include Yup validation: Yes (yes, no)\n? Select field types: Text Input, Email, Password\n```\n\n### API Service Generation\n\n```bash\n? Service name: UserService\n? Service path (relative to src): services\n? File type: ts (ts, js)\n? Choose HTTP client: Axios (axios, fetch)\n? Base URL: process.env.REACT_APP_API_URL\n```\n\n### Test Generation\n\n```bash\n? Path to component: components/Button/Button.tsx\n? Select test types: Unit Tests, Integration Tests\n? Include test mocks: Yes (yes, no)\n```\n\n### File Removal\n\n```bash\n? Enter the path to remove: components/OldComponent\n? Are you sure you want to permanently delete \"components/OldComponent\"? Yes (yes, no)\n```\n\n## 📝 Notes\n\n- All component and context names must start with an uppercase letter and contain only letters and\n  numbers\n- Hook names must follow the format `useHookName`\n- File paths are relative to the src directory by default\n- Test file generation is available for most generators\n- File removal includes safety confirmations to prevent accidental deletions\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkobir1989%2Freact-quickstart-cli","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkobir1989%2Freact-quickstart-cli","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkobir1989%2Freact-quickstart-cli/lists"}