{"id":30955933,"url":"https://github.com/Trapar-waves/react-antd-pro","last_synced_at":"2025-09-11T12:06:43.370Z","repository":{"id":285344667,"uuid":"957787168","full_name":"Trapar-waves/react-antd-pro","owner":"Trapar-waves","description":"A React-based project leveraging Ant Design Pro, TanStack tools, and Rsbuild for efficient enterprise application development","archived":false,"fork":false,"pushed_at":"2025-09-08T01:54:25.000Z","size":2617,"stargazers_count":2,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-08T03:12:20.456Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/Trapar-waves.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-03-31T06:06:31.000Z","updated_at":"2025-09-08T01:54:24.000Z","dependencies_parsed_at":null,"dependency_job_id":"728e7b79-7d58-45d8-b719-55273a737636","html_url":"https://github.com/Trapar-waves/react-antd-pro","commit_stats":null,"previous_names":["trapar-waves/react-antd-pro"],"tags_count":31,"template":false,"template_full_name":null,"purl":"pkg:github/Trapar-waves/react-antd-pro","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trapar-waves%2Freact-antd-pro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trapar-waves%2Freact-antd-pro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trapar-waves%2Freact-antd-pro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trapar-waves%2Freact-antd-pro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Trapar-waves","download_url":"https://codeload.github.com/Trapar-waves/react-antd-pro/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trapar-waves%2Freact-antd-pro/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274632588,"owners_count":25321251,"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","status":"online","status_checked_at":"2025-09-11T02:00:13.660Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":"2025-09-11T12:02:29.927Z","updated_at":"2025-09-11T12:06:43.363Z","avatar_url":"https://github.com/Trapar-waves.png","language":"TypeScript","funding_links":[],"categories":["Starter"],"sub_categories":["Rsbuild Starter"],"readme":"# @trapar-waves/react-antd-pro\n\n![npm version](https://img.shields.io/npm/v/@trapar-waves/react-antd-pro)\n![npm dm](https://img.shields.io/npm/dm/@trapar-waves/react-antd-pro)\n![License](https://img.shields.io/github/license/Trapar-waves/react-antd-pro)\n![GitHub last commit](https://img.shields.io/github/last-commit/Trapar-waves/react-antd-pro)\n![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/Trapar-waves/react-antd-pro/release.yml)\n![Renovate](https://img.shields.io/badge/renovate-enabled-blue)\n\n---\n\n[中文](./readme/README-CN.md) | [日本語](./readme/README-JP.md) | [Русский язык](./readme/README-RU.md)\n\n\u003e An enterprise application development template based on React 19 and Ant Design Pro 5, integrating TanStack toolchain (Router/Query), Rsbuild build tool, and Tailwind CSS styling solution, focusing on efficient development and type safety.\n\n## ✨ Features\n\n- **Modern Framework:** Built on React 19, supporting component-based development and hooks pattern.\n- **Enterprise UI:** Integrates Ant Design 5 basic components + Ant Design Pro business components (including ProTable/ProForm, etc.).\n- **Type Safety:** Full TypeScript development with complete type systems covering API type definitions and state type checks.\n- **Rapid Build:** Uses Rsbuild instead of traditional webpack, achieving cold start of development server in 2 seconds.\n- **Intelligent Routing:** File-based routing with TanStack Router, auto-generating route configurations (supports nested routes).\n- **State Management:** Adopts lightweight Zustand instead of complex Redux, providing composable atomic state solutions.\n- **Data Fetching:** Wrapped Axios instance + TanStack Query (v5) for automatic request caching/retry/pagination.\n- **Styling Solution:** Integrated Tailwind CSS v4 + CSS Modules, supporting theme configuration and responsive design.\n- **Debugging Tools:** Built-in TanStack DevTools (Query/Router) and Rsbuild build analysis panel.\n- **Animation Enhancement:** Implements transition animations (e.g., route switching, component show/hide) via Motion library.\n\n## 💻 Tech Stack\n\n- **Base Framework:** `React`: Core for component-based development.\n- **UI Component Library:** `Ant Design` \u0026 `Ant Design Pro`: Enterprise-level basic components \u0026 Business component library (ProTable/ProForm).\n- **State Management:** `Zustand`: Lightweight state management solution.\n- **Routing:** `TanStack Router`: File-based routing + type-safe config.\n- **Data Fetching:** `Axios` \u0026 `TanStack Query`: HTTP client wrapper \u0026 Server state management (auto-cache/retry).\n- **Build Tool:** `Rsbuild`: Modern build tool based on webpack.\n- **Styling Solution:** `Tailwind CSS` \u0026 `CSS Modules`: Atomic CSS framework \u0026 Local scoped component styles.\n- **Type System:** `TypeScript`: Static type checking.\n- **Debugging Tools:** `TanStack DevTools`: Query/Router debugging panel.\n- **Animation:** `Motion`: Declarative animation library (route/component transitions).\n\nSee the [package.json](./package.json) for a full list of dependencies.\n\n## 🚀 Getting Started\n\nFollow these instructions to get the project running locally.\n\n### Prerequisites\n\nEnsure you have the following installed:\n\n- Node.js (\u003e= 18.x recommended)\n- Package manager (npm, yarn, or pnpm)\n\n```bash\nnode -v\nnpm -v\n```\n\n### Installation\n\nRun script\n\n```bash\npnpm create trapar-waves\n```\n\nInstall dependencies\n\n```bash\nnpm install\nyarn install\npnpm install\n```\n\n### Development\n\nStart the development server:\n\n```bash\nnpm run dev\nyarn dev\npnpm dev\n```\n\nBuild for production:\n\n```bash\nnpm run build\nyarn build\npnpm build\n```\n\nPreview the production build:\n\n```bash\nnpm run preview\nyarn preview\npnpm preview\n```\n\nLint the code:\n\n```bash\nnpm run lint\nyarn lint\npnpm lint\n```\n\n## 🤝 Contributing\n\nContributions are welcome and greatly appreciated! Please follow these steps to contribute:\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## 👤 Author\n\n- **Rikka:** [admin@rikka.cc](mailto:admin@rikka.cc)\n- **GitHub Profile:** [Muromi-Rikka](https://github.com/Muromi-Rikka)\n\n## 🔗 Links\n\n- **Repository:** [https://github.com/Trapar-waves/react-antd-pro](https://github.com/Trapar-waves/react-antd-pro)\n- **Homepage:** [https://github.com/Trapar-waves/react-antd-pro](https://github.com/Trapar-waves/react-antd-pro)\n- **Issues:** [https://github.com/Trapar-waves/react-antd-pro/issues](https://github.com/Trapar-waves/react-antd-pro/issues)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTrapar-waves%2Freact-antd-pro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FTrapar-waves%2Freact-antd-pro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTrapar-waves%2Freact-antd-pro/lists"}