{"id":16434253,"url":"https://github.com/lzxb/react-cnode","last_synced_at":"2025-04-05T00:07:21.182Z","repository":{"id":112517780,"uuid":"61434637","full_name":"lzxb/react-cnode","owner":"lzxb","description":"基于webpack + react + react-router + redux + less + flex.css + ES6 的React版cnode社区","archived":false,"fork":false,"pushed_at":"2018-10-26T01:45:03.000Z","size":14556,"stargazers_count":683,"open_issues_count":0,"forks_count":232,"subscribers_count":33,"default_branch":"master","last_synced_at":"2025-03-28T23:05:28.845Z","etag":null,"topics":["cnodejs","es6","flex","react","react-app","react-cnode","react-demo","react-redux","redux"],"latest_commit_sha":null,"homepage":"https://lzxb.github.io/react-cnode/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lzxb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2016-06-18T13:26:29.000Z","updated_at":"2024-08-04T02:17:33.000Z","dependencies_parsed_at":"2023-05-15T20:30:37.676Z","dependency_job_id":null,"html_url":"https://github.com/lzxb/react-cnode","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/lzxb%2Freact-cnode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lzxb%2Freact-cnode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lzxb%2Freact-cnode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lzxb%2Freact-cnode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lzxb","download_url":"https://codeload.github.com/lzxb/react-cnode/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247266563,"owners_count":20910836,"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":["cnodejs","es6","flex","react","react-app","react-cnode","react-demo","react-redux","redux"],"created_at":"2024-10-11T08:48:37.358Z","updated_at":"2025-04-05T00:07:21.141Z","avatar_url":"https://github.com/lzxb.png","language":"JavaScript","readme":"\n## 此项目除了正常的bug修复，不再进行功能更新\n如果对状态管理感兴趣，可以看下 [Tms](https://github.com/FollowmeTech/tms)，文档更齐全\n\n# react-cnode\n基于webpack + react + react-router + redux + less + flex.css + ES6 的React版cnode社区\n\n### demo\n [![demo](https://github.com/lzxb/react-cnode/raw/master/shot/QR-code.png)](http://lzxb.github.io/react-cnode/)\n\n### 下载\n```\n  git clone https://github.com/lzxb/react-cnode.git\n  cd react-cnode\n  npm install (安装依赖模块)\n  npm install webpack -g (没有安装webpack的需要安装)\n```\n\n### 运行（nodejs 6.0+）\n```\n  npm run dev (开发版本访问：http://localhost:3000/)\n  npm run dist （发布生产版本）\n\n```\n### 功能\n```\n  1.登录退出\n  2.列表分页，查看帖子\n  3.发帖，回复帖子\n  4.我的消息\n  5.个人中心\n  6.查看别人的资料\n```\n\n### 总结\n```\n  1.UI是自己设计的，虽然我并不会PS这些工具。\n  2.使用了flex.css模块布局，最大的感觉就是在写css不需要考虑在css中如何写布局，大大的提高了我的效率。\n  3.在移动端中，列表数据达到上百条之后，性能仍然是不容乐乎，有待于进一步的优化。\n  4.ES6中的箭头函数和变量解构赋值，最大的感受在开发效率上。提高很多。\n  5.使用高阶组件封装获取数据的流程，让页面组件专注于页面渲染，避免了每个页面都需要写一次获取数据的流程，提高开发效率\n  6.redux听起来很美好，在实际操作的过程中，大大的复杂了创建一个页面的难度，最后只能将其封装起来，简化这个过程（其实我对redux不怎么理解）\n  7.为了还原页面状态，比如后退时的滚动条位置，还是花费了不少功夫\n  8.开发移动到应用，还是使用字体图标爽。\n  9.借助webpack可以生成离线缓存清单，px转rem，ES6编译成ES5，模块化开发，代码压缩混淆......\n  10.前端自动化，工程化，给前端的发展起到了很大的推动作用\n```\n### 状态树\n![Alt text](https://github.com/lzxb/react-cnode/raw/master/shot/redux-state.jpg)\n### 小广告\n```\n  深圳html5开发者社群：170761660\n  NodeJS前端分享群：133240225\n```\n### 截图\n\n![截图](https://github.com/lzxb/react-cnode/raw/master/shot/1.png)\n\n![截图](https://github.com/lzxb/react-cnode/raw/master/shot/2.png)\n\n![截图](https://github.com/lzxb/react-cnode/raw/master/shot/3.png)\n\n![截图](https://github.com/lzxb/react-cnode/raw/master/shot/4.png)\n\n![截图](https://github.com/lzxb/react-cnode/raw/master/shot/5.png)\n\n![截图](https://github.com/lzxb/react-cnode/raw/master/shot/6.png)\n\n![截图](https://github.com/lzxb/react-cnode/raw/master/shot/7.png)\n\n![截图](https://github.com/lzxb/react-cnode/raw/master/shot/8.png)\n\n![截图](https://github.com/lzxb/react-cnode/raw/master/shot/9.png)\n\n![截图](https://github.com/lzxb/react-cnode/raw/master/shot/10.png)\n\n![截图](https://github.com/lzxb/react-cnode/raw/master/shot/11.png)\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flzxb%2Freact-cnode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flzxb%2Freact-cnode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flzxb%2Freact-cnode/lists"}