NiceFish-React

你好,我是徐晓东,笔名燕云长风。大漠穷秋于 2019-03-16 21:22 赠此笔名。
寄意:连系李白有名的边塞诗《关山月》取【燕云长风】—— 长风几万里,吹度玉门关。

NiceFish-React 是React版本的完成,和NiceFish Angular版本坚持作风一致。前端手艺栈:React Hooks v16.8.3 ,React-Router v5,Bootstrap v4.7 SCSS源码定制, Echarts v4.2.1, Ant-Design v.3.15.2 组件库以及TypeScript举行开辟,没有运用任何的前端脚手架,本身从零开始搭建全部博客体系,最大程度上保证了可扩大和保护性。为了减轻代码体积和提拔机能,后续利用了Suspens 和 lazy 完成了Code Splitting,优化后首屏加载只需663ms。
为了人人越发直观熟习,我截了一组运转结果图:

《NiceFish-React》
首屏加载完只需663ms

《NiceFish-React》

这是浏览页面,不须要登录接见权限

《NiceFish-React》

这是统计图表页面,采纳UI指定色彩值运用轮询算法完成(须要登录接见权限)

《NiceFish-React》

这是文章批评页面,有过滤和排序功用

《NiceFish-React》

这是我为NIceFish系列设想的登录结果图

《NiceFish-React》

这是浏览页面的详人情(不须要登录接见权限)

好了,这是以上的结果展现图,经由过程此博客体系:

我的收成以下:

1.对新版本的ReactHooks有了肯定的明白和开辟履历

2.熟习了BootStrap SCSS 源码,定制了一套作风,进修了Twitter的优异的scss源码(想学scss的同道,撸一遍BootstrapSCSS源码,你就可以学的很周全)

3.运用全新的ReactRouter v5 ,进修了新路由”动态映照”的哲学思想

4.深切明白和运用Echarts画图组件库

假如你须要越发周全的代码,请接见:NiceFish-React

这是NiceFish-React 在gitee page 上的在线演示地点:NiceFish-React

我的个人博客

我介入的系列项目

  1. NiceFish:美人鱼,这是一个微型Blog体系,前端基于Angular7.0 + PrimeNG7.1.0。(GVIP 码云最有代价的开源项目 3160 ☆)
  2. NiceFish-React:这是React版的完成,和 NiceFish Angular 版本坚持作风一致。采纳React Hooks 16.8.3 版本,运用TypeScript、Ant Design组件库以及Bootstrap v4.2.1 开辟。 (7 ☆)
  3. OpenWMS-Frontend:OpenWMS项目前端基于 Angular 7.0 + PrimeNG 7.1.0。 (已引荐 199 ☆)
  4. nicefish-spring-cloud:这是NiceFish的服务端代码,基于SpringCloud。已完成了一些基础的功用,如 SpringSecurity+OAuth2+JWT 完成SSO,文章、用户、批评等的分页查询等。假如你须要与这个后端代码举行对接,请检出本项目标 for-spring-cloud 分支。 (已引荐 113 ☆)

我的交际主页

  1. 燕云长风知乎
  2. 燕云长风知乎专栏
  3. 燕云长风github
  4. 燕云长风gitee
  5. 燕云长风twitter
  6. 燕云长风medium
    原文作者:燕云长风
    原文地址: https://segmentfault.com/a/1190000019119656
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞