{"id":18507724,"url":"https://github.com/chenbin92/shitu","last_synced_at":"2025-06-27T03:06:20.224Z","repository":{"id":42117669,"uuid":"39327848","full_name":"chenbin92/shitu","owner":"chenbin92","description":"ionic App","archived":false,"fork":false,"pushed_at":"2023-01-27T04:53:07.000Z","size":1486,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-14T09:17:12.779Z","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/chenbin92.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-07-19T08:49:20.000Z","updated_at":"2020-05-09T10:56:06.000Z","dependencies_parsed_at":"2023-02-15T05:46:45.065Z","dependency_job_id":null,"html_url":"https://github.com/chenbin92/shitu","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/chenbin92/shitu","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenbin92%2Fshitu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenbin92%2Fshitu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenbin92%2Fshitu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenbin92%2Fshitu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chenbin92","download_url":"https://codeload.github.com/chenbin92/shitu/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenbin92%2Fshitu/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262180950,"owners_count":23271313,"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":[],"created_at":"2024-11-06T15:12:15.833Z","updated_at":"2025-06-27T03:06:20.204Z","avatar_url":"https://github.com/chenbin92.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"English | [简体中文](./README_zh-CN.md)\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/ice.js\"\u003e\u003cimg src=\"https://badgen.net/npm/dm/ice.js\" alt=\"Downloads\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/ice.js\"\u003e\u003cimg src=\"https://badgen.net/npm/v/ice.js\" alt=\"Version\"\u003e\u003c/a\u003e\n  \u003ca href=\"/LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/badge/license-MIT-blue.svg\" alt=\"GitHub license\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/alibaba/ice/pulls\"\u003e\u003cimg src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg\" alt=\"PRs Welcome\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://gitter.im/alibaba/ice\"\u003e\u003cimg src=\"https://badges.gitter.im/alibaba/ice.svg\" alt=\"Gitter\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003e A universal framework based on React.js\n\n## Features\n\n- 🐒 **Engineering**：Out of the box support for ES6+、TypeScript、Less、Sass、 CSS Modules，etc\n- 🦊 **Routing**：Powerful Routing System, supports configured routing and conventions routing\n- 🐯 **State management**：Built-in icestore, lightweight state management solution based on React Hooks\n- 🐦 **Config**：Modes and Environment Variables configuration in the config file\n- 🐶 **Logger**：Built-in logger solution, it's a flexible abstraction over using `console.log` as well\n- 🐱 **Helpers**：Built-in helpers, provide some useful utility functions\n- 🦁 **Application configuration**：Provide powerful and extensible application configuration\n- 🐴 **Hooks**：Provide Hooks APIs such as useModel and useHistory, etc\n- 🐌 **Plugin system**：The plugin system provides rich features and allow the community to build reusable solutions\n- 🐘 **TypeScript**：Support TypeScript\n- 🐂 **Modern**：Support SPA、SSR、MPA and Micro-frontend\n\n## Quick start\n\n### Setup\n\nWe recommend creating a new icejs app using create-ice, which sets up everything automatically for you. To create a project, run:\n\n```bash\n$ npm init ice \u003cproject-name\u003e\n```\n\n`npm init \u003cinitializer\u003e` is available in npm 6+\n\nStart local server to launch project:\n\n```bash\n$ cd \u003cproject-name\u003e\n$ npm install\n$ npm run start # running on http://localhost:3333.\n```\n\nIt's as simple as that!\n\n### Manual Setup\n\nicejs is really easy to get started with. Install `ice.js`, `react` and `react-dom` in your project:\n\n```bash\n$ mkdir \u003cproject-name\u003e \u0026\u0026 cd \u003cproject-name\u003e\n$ npm install ice.js react react-dom\n```\n\nOpen `package.json` and add the following scripts:\n\n```json\n{\n  \"name\": \"project-name\",\n  \"scripts\": {\n    \"start\": \"icejs start\",\n    \"build\": \"icejs build\"\n  },\n  \"dependencies\": {\n    \"ice.js\": \"^1.0.0\",\n    \"react\": \"^16.12.0\",\n    \"react-dom\": \"^16.12.0\"\n  }\n}\n```\n\nCreate the `pages` directory, then create the first page in `pages/index.jsx`:\n\n```jsx\nimport React from 'react'\n\nconst HomePage = () =\u003e {\n  return \u003cdiv\u003eWelcome to icejs!\u003c/div\u003e\n}\n\nexport default HomePage\n```\n\nConfigure an application information in the `src/app.js` file, but it is optional:\n\n```js\nimport { createApp } from 'ice'\n\nconst appConfig = {\n  router: {\n    type: 'browser',\n  },\n\n  // more...\n}\n\ncreateApp(appConfig)\n```\n\nFinally, To start developing your application run `npm run start`. The application is now running on [http://localhost:3333](http://localhost:3333).\n\n## Examples\n\n- [hello-world](https://codesandbox.io/s/github/ice-lab/icejs/tree/master/examples/hello-world)\n- [basic-spa](https://codesandbox.io/s/github/ice-lab/icejs/tree/master/examples/basic-spa)\n- [basic-ssr](https://codesandbox.io/s/github/ice-lab/icejs/tree/master/examples/basic-ssr)\n- [basic-mpa](https://codesandbox.io/s/github/ice-lab/icejs/tree/master/examples/basic-mpa)\n- [basic-store](https://codesandbox.io/s/github/ice-lab/icejs/tree/master/examples/basic-store)\n- [basic-request](https://codesandbox.io/s/github/ice-lab/icejs/tree/master/examples/basic-request)\n- [icestark-child](https://codesandbox.io/s/github/ice-lab/icejs/tree/master/examples/icestark-child)\n- [icestark-layout](https://codesandbox.io/s/github/ice-lab/icejs/tree/master/examples/icestark-layout)\n- [with-fusion-design](https://codesandbox.io/s/github/ice-lab/icejs/tree/master/examples/with-fusion-design)\n\n## Contributing\n\nPlease see our [CONTRIBUTING.md](/.github/CONTRIBUTING.md)\n\n## Ecosystem\n\n|    Project         |    Version                                 |     Docs    |   Description       |\n|----------------|-----------------------------------------|--------------|-----------|\n| [icejs] | [![icejs-status]][icejs-package] | [docs][icejs-docs] |A universal framework based on react.js|\n| [iceworks]     | [![iceworks-cli-status]][iceworks-cli-package] | [docs][iceworks-docs] |One-stop visual source code development workbench based on materials|\n| [icestark] | [![icestark-status]][icestark-package] | [docs][icestark-docs] |Micro Frontends solution for large application|\n| [icestore] | [![icestore-status]][icestore-package] | [docs][icestore-docs] |Lightweight state management solution based on React Hooks|\n\n[icejs]: https://github.com/ice-lab/icejs\n[iceworks]: https://github.com/alibaba/ice\n[icestark]: https://github.com/ice-lab/icestark\n[icestore]: https://github.com/ice-lab/icestore\n\n[icejs-status]: https://img.shields.io/npm/v/ice.js.svg\n[iceworks-cli-status]: https://img.shields.io/npm/v/iceworks.svg\n[icestark-status]: https://img.shields.io/npm/v/@ice/stark.svg\n[icestore-status]: https://img.shields.io/npm/v/@ice/store.svg\n\n[icejs-package]: https://npmjs.com/package/ice.js\n[iceworks-cli-package]: https://npmjs.com/package/iceworks\n[icestark-package]: https://npmjs.com/package/@ice/stark\n[icestore-package]: https://npmjs.com/package/@ice/store\n\n[icejs-docs]: https://ice.work/docs/guide/intro\n[iceworks-docs]: https://ice.work/docs/iceworks/about\n[icestark-docs]: https://ice.work/docs/icestark/guide/about\n[icestore-docs]: https://github.com/ice-lab/icestore#icestore\n\n## Community\n\n| DingTalk community                               | GitHub issues |  Gitter |\n|-------------------------------------|--------------|---------|\n| \u003ca href=\"https://ice.alicdn.com/assets/images/qrcode.png\"\u003e\u003cimg src=\"https://ice.alicdn.com/assets/images/qrcode.png\" width=\"150\" /\u003e\u003c/a\u003e | [issues]     | [gitter]|\n\n[issues]: https://github.com/alibaba/ice/issues\n[gitter]: https://gitter.im/alibaba/ice\n\n## License\n\n[MIT](/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchenbin92%2Fshitu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchenbin92%2Fshitu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchenbin92%2Fshitu/lists"}