{"id":19139903,"url":"https://github.com/arcblock/ocap-react-starter","last_synced_at":"2025-05-06T23:11:51.799Z","repository":{"id":96025624,"uuid":"145680155","full_name":"ArcBlock/ocap-react-starter","owner":"ArcBlock","description":"React Starter project with OCAP JS SDK integrated","archived":false,"fork":false,"pushed_at":"2018-11-30T10:30:40.000Z","size":183,"stargazers_count":10,"open_issues_count":0,"forks_count":2,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-19T15:36:21.865Z","etag":null,"topics":["arcblock","hackathon","ocap","react","sdk","starter-template"],"latest_commit_sha":null,"homepage":"http://t.cn/Rk0Aonj","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/ArcBlock.png","metadata":{"files":{"readme":"README.cn.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}},"created_at":"2018-08-22T08:33:46.000Z","updated_at":"2022-08-04T10:08:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"4c77895c-a482-4834-b791-7867aef510fa","html_url":"https://github.com/ArcBlock/ocap-react-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArcBlock%2Focap-react-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArcBlock%2Focap-react-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArcBlock%2Focap-react-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArcBlock%2Focap-react-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ArcBlock","download_url":"https://codeload.github.com/ArcBlock/ocap-react-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252782785,"owners_count":21803408,"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":["arcblock","hackathon","ocap","react","sdk","starter-template"],"created_at":"2024-11-09T07:15:37.334Z","updated_at":"2025-05-06T23:11:51.790Z","avatar_url":"https://github.com/ArcBlock.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ocap-react-starter\n\n![](https://img.shields.io/badge/powered%20by-arcblock-brightgreen.svg)\n\n\u003e 集成了 [OCAP JS SDK](https://github.com/ArcBlock/ocap-javascript-sdk/tree/master/packages/ocap-js) 的 React 种子项目，使用 [create-react-app](https://github.com/facebook/create-react-app) 初始化。\n\n\u003e For English documentation, please checkout [README.md](./README.md)\n\n## 使用方法\n\n### 1. 作为 create-react-app 的 react-scripts\n\n需要安装 npm v6+，自带了 npx 命令，直接使用如下命令初始化项目：\n\n```shell\nnpx create-react-app my-ocap-app --scripts-version @arcblock/react-scripts\ncd my-ocap-app\nyarn start\n```\n\n### 2. 作为种子项目：直接克隆使用\n\n```shell\ngit clone https://github.com/ArcBlock/ocap-react-starter.git\ncd ocap-react-starter\nyarn\nyarn serve\n```\n\n\u003e 如果是国内开发者，建议使用淘宝源安装依赖: `yarn --registry=https://registry.npm.taobao.org`\n\n## OCAP SDK 代码示例\n\n- SDK 初始化和封装：[src/libs/ocap.js](./src/libs/ocap.js)\n- 使用 SDK 做查询：[src/pages/Query/index.js](./src/pages/Query/index.js)\n- 使用 SDK 做实时数据订阅：[src/pages/Subscription/index.js](./src/pages/Subscription/index.js)\n\n## OCAP SDK 文档\n\n- [SDK 源码和文档首页](https://github.com/ArcBlock/ocap-javascript-sdk/tree/master/packages/ocap-js)\n- [Bitcoin API 列表和响应格式](https://github.com/ArcBlock/ocap-javascript-sdk/blob/master/packages/ocap-js/docs/btc.md)\n- [Ethereum API 列表和响应格式](https://github.com/ArcBlock/ocap-javascript-sdk/blob/master/packages/ocap-js/docs/eth.md)\n\n## OCAP 提供的工具\n\n- [OCAP Playground：快速执行查询、预览结果](https://ocap.arcblock.io)\n- [OCAP Playbook：记录、分享基于区块链的数据研究](https://ocap.arcblock.io)\n\n## 项目内含的三方库\n\n- [react-router-dom](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom)\n- [semantic-ui-react](https://github.com/oblador/react-native-vector-https://react.semantic-ui.com/icons)\n- [semantic-ui-css](https://github.com/Semantic-Org/Semantic-UI-CSS)\n\n## 项目部署\n\n如果看到这里，恭喜你，马上就可以把项目部署到公网，给大家试用了，我们建议使用 [now.sh](http://zeit.now/) 部署应用，步骤如下：\n\n1. 到 [https://zeit.co](https://zeit.co) 创建账号\n1. 安装 zeit cli: `npm install -g now`\n1. 登录 zeit-cli, `now login`\n1. 在 [deploy.sh](./deploy.sh) 中设置项目的域名 alias\n1. 执行 `npm run deploy`\n\n部署成功！很期待你的应用出现在我们的 [APP Gallery](https://hack.arcblock.io/app-gallery/) 里面。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farcblock%2Focap-react-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farcblock%2Focap-react-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farcblock%2Focap-react-starter/lists"}