NiceFishReact

82次阅读

共计 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