一个 React 全家桶项目
项目地址: 传送门 可手动复制网址访问: https://github.com/MasterShu/react-hiring
这个作品是本人近期才完成的, 使用的是 react 16.2 配合这 react-router 4.2.2 使用, 状态管理 redux 3.7 和socket.io 2.0.4, 以及 express 4.16.2 和 UI 组件 antd-Mobil 2.1.3 都是最新的生产.
具体功能
由于完成时间较短, 所以功能基本没问题, 还是存在一些 bug 的, 所以正式环境慎用, 不过学习和新手参考还是很有价值的, 并且本项目 也是可以 服务端渲染, 来时实现首屏加速, 和 更好的 SEO 支持(其实这些本人并没有深究过, 不过有这方功能便是好的)
即时通讯
利用 socket.io 和 socket.io-client 做为 websocket 的开发库, 结合express 来实现即时聊天通讯, 并且内置了一些 emoji , 不过这个 PC浏览器支持不好, 用手机效果那是棒棒哒
登录/注册
这个是基本功能, 肯定是有的
后端开发
利用 express + MongoDB 开发服务器, 倒也是够得
如果要在本地跑程序, 需要你同时运行 server 服务端程序, 同时还需要安装 MongoDB, 的数据库支持
服务端渲染
利用 babel-node 库来支付 react 的服务端渲染, 更好的支持优化
9/2/2018
本次项目新增 react-hot-loader
这个主要就是方便调试, 虽然 webpack server 有自动更新功能, 但是会丢失状态, 这个就可以在更新代码的同时, 却依旧保持状态, 方便一些特定问题的调试