共计 627 个字符，预计需要花费 2 分钟才能阅读完成。
NiceFish-React 是 React 版本的实现，和 NiceFish Angular 版本保持风格一致。
前端技术栈：ReactHooks v16.8.3，React-Router v5，Bootstrap v4.7 SCSS 源码定制, Echarts v4.2.1, Ant-Design v.3.15.2 组件库以及 TypeScript 进行开发，没有使用任何的前端脚手架，自己从零开始搭建整个博客系统，最大程度上保证了可扩展和维护性。
为了大家更加直观认识，我截了一组运行效果图：
这是阅读页面, 不需要登录访问权限
这是统计图表页面, 采用 UI 指定颜色值使用轮询算法实现 (需要登录访问权限)
这是文章评论页面, 有过滤和排序功能
这是我为 NIceFish 系列设计的登录效果图
这是阅读页面的详情面 (不需要登录访问权限)
好了, 这是以上的效果展示图, 通过此博客系统:
我的收获如下:
1. 对新版本的 ReactHooks 有了一定的理解和开发经验
2. 熟悉了 BootStrap SCSS 源码, 定制了一套风格, 学习了 Twitter 的优秀的 scss 源码 (想学 scss 的同志, 撸一遍 BootstrapSCSS 源码, 你就能学的很全面)
3. 使用全新的 ReactRouter v5 , 学习了新路由 ” 动态映射 ” 的哲学思想
4. 深入理解和使用 Echarts 绘图组件库
如果你需要更加全面的代码, 请访问:NiceFish-React
这是 NiceFish-React 在 gitee page 上的在线演示地址:NiceFish-React