React仿CNode社区(感受React + Typescript + Redux开发流程)

CNode 社区为国内最专业的 Node.js 开源技术社区,致力于 Node.js 的技术研究

GitHub

在线体验地址

说明

• 使用 React编写,感受React + Typescript + Redux的开发流程
• DIV + CSS流式布局，Rem适配搭建响应式页面
• 使用React ReactRouter构建单页面应用
• 多个组件依赖的状态交给Redux统一管理
• 使用TypeScript有了参数类型的限制在传参的过程中变得严格，减少了不必要的错误的发生，搭配VSCode让bug消除在编辑器
• LocalStorage存储用户登录的信息
• 采用 better-scroll 定义移动端滑动基础组件
• 自定义Toast基础组件用于通知
• 封装Axios，接口统一放在了src/api/index，async/await让异步变的像同步一样
• 定义CSS3动画使页面切换无断层感
• 最后感谢 CNodejs 社区提供的 API

打开方式

1. 将项目clone下来

   $ git clone github.com/junjie-zeng…

   $ cd react-cnode-community

   $ npm install

2. 运行

   $ npm start

3. 打包

   $ npm run build