使用antd+react打造的cnode版webApp
发布于 1 年前 作者 liuguanhua 2100 次浏览 来自 分享

react 版 cnode 社区

https://github.com/liuguanhua/react-cnode-project

链接demo:在线访问

qrcode

demo

目录

react-cnode-project/
   |
   ├──src/
       |
       ├──assets/                    * 资源文件(图标、图片、样式)
       |
       ├──component/                 * 公共组件
       │
       │──script/                    * 脚本(Rem适配、Axios请求、路由配置、工具函数)
       |
       ├──store/                     * Redux
       │
       ├──view/                      * 视图展示页面
       │
       │__index.js                   * 入口文件
       │
       │__registerServiceWorker.js   * ServiceWorker
   |
   ├──config-overrides.js            * 增加WebPack配置及修改Antd主题颜色

功能

  • 登录、登出
  • 发表话题
  • 个人消息
  • 评论、点赞帖子
  • 查看用户资料

运行

下载:git clone https://github.com/liuguanhua/react-cnode-project.git
进入:cd react-cnode-project
安装:yarn install
开发:yarn start
生产:yarn build

特别感谢cnode官方社区提供的API!写这个项目从中也学到了不少新东西,欢迎大家一起交流,吐槽,👏👏👏提issues,如果觉得不错,欢迎stars。

15 回复

请问下,目录那个模块的markdown是怎么写的

@wangchaoduo 问的是显示后台返回html代码那块吗?具体使用react提供的 dangerouslySetInnerHTML属性

@liuguanhua 是这个: react-cnode-project/ | ├──src/ | ├──assets/ * 资源文件(图标、图片、样式) | ├──component/ * 公共组件 │ │──script/ * 脚本(Rem适配、Axios请求、路由配置、工具函数) | ├──store/ * Redux │ ├──view/ * 视图展示页面 │ │__index.js * 入口文件 │ │__registerServiceWorker.js * ServiceWorker | ├──config-overrides.js * 增加WebPack配置及修改Antd主题颜色

@wangchaoduo 直接使用符号( |— )拼接的,不过可以考虑使用Linux tree命令试一下。

从列表里点一个话题看下详情,然后再返回,列表之前的状态就没了,比如我往下翻了2页,但在返回之后,列表是回到第一页最底部了,楼主把这个问题解决一下呗!

@tomoya92 已解决,将首页加载过的数据通过redux保存起来,详情页回到首页列表的时候直接读取缓存数据就行了。查看详情

洁面可以优化一下。我也做了一个。点击我后面链接,嘻嘻。

★来自antd-cnode★

@FourLeafClover 👍,相互学习😄

@tomoya92 客气了,应该要感谢你提的问题才是😊

antd+react来做webapp,确定不会代码体积不会太大?

@DamonChan 通过配置babel-plugin-import按需加载的,是想运用一下antd,不过在小型项目复用率低的情况下也不需要使用,反之。

em… 蜜汁紫色…

回到顶部