{"id":47251470,"url":"https://github.com/sankeyangshu/lemon-mobile-react","last_synced_at":"2026-03-28T20:00:45.149Z","repository":{"id":154906440,"uuid":"626423560","full_name":"sankeyangshu/lemon-mobile-react","owner":"sankeyangshu","description":"A mobile web app template based on the React ecosystem. 🎉 一个基于 React 生态系统的移动 web 应用模板。","archived":false,"fork":false,"pushed_at":"2026-01-23T02:54:38.000Z","size":2153,"stargazers_count":477,"open_issues_count":0,"forks_count":7,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-23T19:43:25.590Z","etag":null,"topics":["axios","daisy-ui","echarts","i18n-react","i18next","react","tailwindcss","tanstack-query","tanstack-router","template","typescript","zustand"],"latest_commit_sha":null,"homepage":"https://lemon-mobile-react.vercel.app","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/sankeyangshu.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":"2023-04-11T12:48:17.000Z","updated_at":"2026-01-23T02:54:40.000Z","dependencies_parsed_at":null,"dependency_job_id":"e7bdb99f-9149-4a2e-9afa-73e1b59422c3","html_url":"https://github.com/sankeyangshu/lemon-mobile-react","commit_stats":{"total_commits":34,"total_committers":1,"mean_commits":34.0,"dds":0.0,"last_synced_commit":"05cebb949133285639c72a8217721e98eed7594a"},"previous_names":["sankeyangshu/react-template","sankeyangshu/lemon-template-react","sankeyangshu/lemon-mobile-react"],"tags_count":8,"template":true,"template_full_name":null,"purl":"pkg:github/sankeyangshu/lemon-mobile-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sankeyangshu%2Flemon-mobile-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sankeyangshu%2Flemon-mobile-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sankeyangshu%2Flemon-mobile-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sankeyangshu%2Flemon-mobile-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sankeyangshu","download_url":"https://codeload.github.com/sankeyangshu/lemon-mobile-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sankeyangshu%2Flemon-mobile-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31120886,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-28T17:50:59.904Z","status":"ssl_error","status_checked_at":"2026-03-28T17:50:59.435Z","response_time":79,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["axios","daisy-ui","echarts","i18n-react","i18next","react","tailwindcss","tanstack-query","tanstack-router","template","typescript","zustand"],"created_at":"2026-03-14T15:00:25.477Z","updated_at":"2026-03-28T20:00:45.143Z","avatar_url":"https://github.com/sankeyangshu.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://github.com/sankeyangshu/lemon-mobile-react\"\u003e\n  \u003cimg alt=\"Lemon-Mobile-React\" width=\"200\" height=\"200\" src=\"./public/logo.png\"\u003e\n\u003c/a\u003e\n\n\u003ch1 align=\"center\"\u003e\n  lemon-mobile-react\n\u003c/h1\u003e\n\nEnglish / [简体中文](./README.zh-CN.md)\n\nA mobile web app template based on the React ecosystem.\n\n\u003cp\u003e\n  \u003cimg src=\"https://img.shields.io/github/license/sankeyangshu/lemon-mobile-react\" alt=\"license\" /\u003e\n  \u003cimg src=\"https://img.shields.io/github/package-json/v/sankeyangshu/lemon-mobile-react\" alt=\"version\" /\u003e\n  \u003cimg src=\"https://img.shields.io/github/languages/top/sankeyangshu/lemon-mobile-react\" alt=\"languages\" /\u003e\n  \u003cimg src=\"https://img.shields.io/github/repo-size/sankeyangshu/lemon-mobile-react\" alt=\"repo-size\" /\u003e\n  \u003cimg src=\"https://img.shields.io/github/issues-closed/sankeyangshu/lemon-mobile-react\" alt=\"issues\" /\u003e\n\u003c/p\u003e\n\n[Docs](https://lemon-template-docs.vercel.app/mobile-react/) / [Feedback](https://github.com/sankeyangshu/lemon-mobile-react/issues)\n\n\u003c/div\u003e\n\n---\n\n## Introduction\n\n🚀🚀🚀 **lemon-mobile-react** is built using the latest technologies, including `React19`, `Vite7`, `TanStack Router`, `TanStack Query`, `Daisyui`, `Zustand`, `TypeScript`, and `Tailwindcss V4`. It integrates features like `Dark Mode`, system theme colors, and Mock data.\n\nYou can directly start developing your business logic on this template! Hope you enjoy it. 👋👋👋\n\n\u003e [!NOTE]\n\u003e If this project is helpful to you, please click the \"Star\" button in the top-right corner. Thank you!\n\n## Preview\n\n👓 [Click Demo](https://lemon-mobile-react.vercel.app) (Switch to mobile view on PC browsers)\n\n## Other Templates\n\n- [lemon-mobile-vue](https://github.com/sankeyangshu/lemon-mobile-vue) - A mobile web app template based on the Vue 3 ecosystem\n- [lemon-mobile-uniapp](https://github.com/sankeyangshu/lemon-mobile-uniapp) - A mobile web app template based on the UniApp ecosystem\n\n## Features\n\n- ⚡️ Developed with `React` + `Hooks`\n- ✨ Uses `Vite7` as the development and build tool (includes `Gzip` packaging, `TSX` syntax, proxy support, etc.)\n- 🍕 Fully integrates `TypeScript`\n- 🚦 Uses `TanStack Router` for routing management, providing a type-safe routing system\n- 🔄 Uses `TanStack Query` for server state management, simplifying data fetching and caching\n- 🍍 Uses `Zustand` for state management, lightweight, simple and easy to use\n- 📦 `@reactuses/core` High quality and reliable React Hooks library\n- 🎨 `Daisyui` component library\n- 🌀 `Tailwindcss` for instant atomic CSS engine\n- 👏 Integrates multiple icon solutions\n- 🌓 Supports Dark Mode\n- 🌍 Multi-language support with `i18n`\n- 🔥 Integrates `ECharts` for data visualization, with `useECharts` Hooks encapsulation\n- ⚙️ Uses `Vitest` for unit testing\n- ☁️ `Axios` encapsulation\n- 💾 Local `Mock` data simulation support\n- 📱 Browser compatibility\n- 📥 `Gzip` compression for packaged resources\n- 🛡️ First screen loading animation\n- 💪 Integrates `Eslint` code validation standards, with `Prettier` as the default code formatter\n- 🌈 Uses `simple-git-hooks`, `lint-staged`, and `commitlint` to standardize commit messages\n\n## Prerequisites\n\nFamiliarity with the following concepts will help you use this template effectively:\n\n- [React](https://react.dev/) - Familiar with `React` basic syntax\n- [Vite](https://cn.vitejs.dev/) - Understand `Vite` features\n- [Zustand](https://docs.pmnd.rs/zustand/getting-started/introduction) - Proficient in using `Zustand`\n- [TypeScript](https://www.typescriptlang.org/) - Master basic `TypeScript` syntax\n- [TanStack Router](https://tanstack.com/router/latest/docs/framework/react/overview) - Familiar with `TanStack Router` basic usage\n- [Icones](https://icones.js.org/) - Recommended icon library for the project, but `SVG Icon` is also an option\n- [Tailwind CSS](https://tailwindcss.com/) - High-performance and extremely flexible instant atomic CSS engine\n- [@reactuses/core](https://reactuse.com/en-US/) - A high-quality and reliable React Hooks library\n- [Daisyui](https://daisyui.com/docs/intro/) - Tailwind CSS plugin for faster, cleaner, and simpler Tailwind CSS development\n- [ECharts6](https://echarts.apache.org/handbook/zh/get-started/) - Familiar with basic `ECharts` usage\n- [Mock.js](https://github.com/nuysoft/Mock) - Understand basic `Mock.js` syntax\n- [ES6+](http://es6.ruanyifeng.com/) - Proficient in `ES6+` syntax\n\n## Environment Setup\n\nEnsure the following tools are installed locally: [Pnpm](https://pnpm.io/), [Node.js](http://nodejs.org/), and [Git](https://git-scm.com/).\n\n- Recommended to use [pnpm\u003e=8.15.4](https://pnpm.io/), otherwise dependencies may not install properly, causing build errors.\n- [Node.js](http://nodejs.org/) version requirement is `18.x` or above. Recommended: `^18.18.0 || \u003e=20.0.0`.\n\n## VSCode Extensions\n\nIf you use [VSCode](https://code.visualstudio.com/) (recommended), install the following extensions for improved development efficiency and code formatting:\n\n- [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) - Tailwind CSS IntelliSense plugin\n- [DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv) - `.env` file highlighting\n- [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens) - Better error visualization\n- [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) - Maintain consistent coding styles across IDEs\n- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Script linting\n- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) - All-in-one i18n support\n- [JavaScript and TypeScript VSCode Snippets](https://marketplace.visualstudio.com/items?itemName=sankeyangshu.vscode-javascript-typescript-snippets) - Visual Studio Code snippets for JavaScript and TypeScript\n- [React Collection VSCode Snippets](https://marketplace.visualstudio.com/items?itemName=sankeyangshu.vscode-react-collection-snippets) - A React Code Snippets Extension\n\n## Usage\n\n### Use the CLI\n\n```bash\n# Copy the command - 'project' is your project name\npnpm create lemon project -t mobile-react\n```\n\n### GitHub Template\n\n[Use this template to create a repository](https://github.com/sankeyangshu/lemon-mobile-react/generate)\n\n### Clone\n\n```bash\n# Clone the project\ngit clone https://github.com/sankeyangshu/lemon-mobile-react.git\n\n# Enter the project directory\ncd lemon-mobile-react\n\n# Install dependencies - recommended to use pnpm\npnpm install\n\n# Start the development server\npnpm dev\n\n# Build for production\npnpm build\n```\n\n## Git Commit Guidelines\n\n### Commit Standards\n\nThe project enforces Git commit messages using `simple-git-hooks` and `commitlint`, adhering to the widely adopted [Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular) guidelines.\n\n- `feat`: Add new features\n- `fix`: Fix bugs\n- `docs`: Documentation changes\n- `style`: Code formatting (does not affect functionality, e.g., spacing, semicolons, etc.)\n- `refactor`: Code refactoring (neither bug fixes nor new features)\n- `perf`: Performance optimizations\n- `test`: Add or update test cases\n- `build`: Changes to build process or external dependencies (e.g., updating npm packages, modifying webpack configuration)\n- `ci`: Changes to CI configuration or scripts\n- `chore`: Changes to build tools or auxiliary libraries (does not affect source files or tests)\n- `revert`: Revert a previous commit\n\n## Community\n\nYou can use [issues](https://github.com/sankeyangshu/lemon-mobile-react/issues) to report problems or submit a Pull Request.\n\n## Browser Support\n\n- For local development, we recommend using the latest version of Chrome. [Download](https://www.google.com/intl/en/chrome/).\n- The production environment supports modern browsers. IE is no longer supported. For more details on browser support, check [Can I Use ES Module](https://caniuse.com/?search=ESModule).\n\n| [\u003cimg src=\"https://i.imgtg.com/2023/04/11/8z7ot.png\" alt=\" IE\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eIE | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\" Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eEdge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eSafari |\n| :----------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |\n|                                                                      not support                                                                       |                                                                                            last 2 versions                                                                                             |                                                                                                  last 2 versions                                                                                                  |                                                                                                last 2 versions                                                                                                |                                                                                                last 2 versions                                                                                                |\n\n## License\n\n[MIT](./LICENSE) License © 2023-PRESENT [sankeyangshu](https://github.com/sankeyangshu)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsankeyangshu%2Flemon-mobile-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsankeyangshu%2Flemon-mobile-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsankeyangshu%2Flemon-mobile-react/lists"}