一个 React 的初/中级练习项目:重构 CnodeJS 社区
这里简述下我学习 React 的方式:
- 看了一边文档,把‘主要概念’全部看完,‘高级指引’里的根据个人兴趣挑了一些看了看。
- 紧接着就动手写此项目(大概花了 3 天的业余时间完成)
在此期间根据需要,看了 React-Router 文档,了解了 Redux 的实现原理(但本项目并没有用 Redux)(歪个楼:“我相信任何复杂技术背后的原理都是简单易懂的”)
P.S. 如果你想入门 React,但苦于没有难度合适的项目的话,It’s For You! (考虑到别人可能会看我源码来学习,我补充了 “非常详细的注释” )
P.P.S. 朋友看到后吐槽了句“怎么不是cnode,就是v2ex”(我补充了下“爬虫的话就是煎蛋? ”)XD
赞~SPA用起来确实很舒服。(nginx或者静态资源托管没有做处理吧,history模式F5就挂了)
@CaanDoll 看了下的确是,扔在netlify上了(赶紧改掉…)
厉害了,就是提示信息太多了
数据加载成功这个提示有点多余了……
@songchengen @im-here 是的,已经三个人这个说了…所以我给去掉了,有"加载占位图"就行,没必要单独的成功提示消息~ 感谢反馈~笔芯
讲个故事: angular2 出的时候,嘲笑太重。
- react 学起来真简单,很快就把项目写完了。
- 看完 react 觉得不错了,听从朋友建议,用 redux 重构了一遍。
- 后来社区说 rudex 太重,mobx 就行了,又用mobx 重构一遍。
- 再后来,用上了graphql ,发现 apollo2 已经有store 了,去掉 mobx ,又重构一遍。
- react 社区喜欢 flow ,又是 FB 家的东西,非侵入式,很适合,于是用 flow 重构一遍。
- 再后来看到 vue 也从 flow 叛逃到 typescript ,于是再用ts 重构一遍。
- 异步这玩意,居然还有 rxjs 这种神器,恩恩,没错,用 rxjs 再来一遍。
- 恩最近两天,hooks 又出来了,你没猜错,又得重构一次。
最后发现,这不就是 Angular 全家桶 angular service + rxjs + typescript 一直解决的事情么。
原来当年 angular2 说的是: ”我在三年后等你“。
楼主,我已经不行了,跟不上了,我坐等你的技术选型
@zuohuadong 噗(楼主已经笑死,本帖终结…)
确实好看!
楼主,有个问题,往下翻点,点一个帖子,看一下详情再返回,页面就回到顶部了
而且没有适配手机端