webChatReact

typescript、react构造的简单web聊天前端应用；

基于https://github.com/icepy/typescript-react-starter 构建的应用；

服务端

服务端应用webChatNode https://github.com/Wangjing991/webChatNode

Install

$ git clone  [email protected]:Wangjing991/webChatReact.git
$ cd webChatReact
$ yarn
$ npm start

使用浏览器访问 http://localhost:3000/。（更多命令可查看 package.json 的 scripts 字段）

工程结构

• assets 放置图片等文件资源
• components 放置被共享的组件
• pages 放置页面级别的组件
• services 放置本工程依赖的所有请求服务
• store 放置本工程被管理的数据流
• themes 放置本工程主题文件
• third_party 放置依赖的第三方
• typings 放置类型增强
• shared 共享的集合
• App.tsx 应用的容器文件
• index.tsx 入口文件

函数式编程

函数式的好处，非常多，举例不拘。不管是样式还是组件逻辑，我们只有一个原则：组合，我们需要从这样的角度来考虑任何问题。