看完React文档后,重写了下CnodeJS社区,感觉看上去还不错
发布于 6 年前 作者 shuiRong 3543 次浏览 来自 分享

Github DEMO

一个 React 的初/中级练习项目:重构 CnodeJS 社区

preview.png


这里简述下我学习 React 的方式:

  1. 看了一边文档,把‘主要概念’全部看完,‘高级指引’里的根据个人兴趣挑了一些看了看。
  2. 紧接着就动手写此项目(大概花了 3 天的业余时间完成)

在此期间根据需要,看了 React-Router 文档,了解了 Redux 的实现原理(但本项目并没有用 Redux)(歪个楼:“我相信任何复杂技术背后的原理都是简单易懂的”)

P.S. 如果你想入门 React,但苦于没有难度合适的项目的话,It’s For You! (考虑到别人可能会看我源码来学习,我补充了 “非常详细的注释”


P.P.S. 朋友看到后吐槽了句“怎么不是cnode,就是v2ex”(我补充了下“爬虫的话就是煎蛋? ”)XD

9 回复

赞~SPA用起来确实很舒服。(nginx或者静态资源托管没有做处理吧,history模式F5就挂了)

@CaanDoll 看了下的确是,扔在netlify上了(赶紧改掉…)

厉害了,就是提示信息太多了

数据加载成功这个提示有点多余了……

@songchengen @im-here 是的,已经三个人这个说了…所以我给去掉了,有"加载占位图"就行,没必要单独的成功提示消息~ 感谢反馈~笔芯

讲个故事: angular2 出的时候,嘲笑太重。

  1. react 学起来真简单,很快就把项目写完了。
  2. 看完 react 觉得不错了,听从朋友建议,用 redux 重构了一遍。
  3. 后来社区说 rudex 太重,mobx 就行了,又用mobx 重构一遍。
  4. 再后来,用上了graphql ,发现 apollo2 已经有store 了,去掉 mobx ,又重构一遍。
  5. react 社区喜欢 flow ,又是 FB 家的东西,非侵入式,很适合,于是用 flow 重构一遍。
  6. 再后来看到 vue 也从 flow 叛逃到 typescript ,于是再用ts 重构一遍。
  7. 异步这玩意,居然还有 rxjs 这种神器,恩恩,没错,用 rxjs 再来一遍。
  8. 恩最近两天,hooks 又出来了,你没猜错,又得重构一次。

最后发现,这不就是 Angular 全家桶 angular service + rxjs + typescript 一直解决的事情么。

原来当年 angular2 说的是: ”我在三年后等你“。

楼主,我已经不行了,跟不上了,我坐等你的技术选型

@zuohuadong 噗(楼主已经笑死,本帖终结…)

确实好看!

楼主,有个问题,往下翻点,点一个帖子,看一下详情再返回,页面就回到顶部了

而且没有适配手机端

回到顶部