最近在搞react redux react-router等，

最新推荐文章于 2024-09-15 08:44:25 发布

web_longboss

最新推荐文章于 2024-09-15 08:44:25 发布

阅读量519

点赞数

分类专栏： react 文章标签： react

本文链接：https://blog.csdn.net/web_longboss/article/details/76167071

版权

react 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

React:

我查了英文官网，中文官网，转了社区，对我这样的菜鸟而言，看是看懂了，主要是怎么把项目架起来。。。

先来说下学习心得：

鄙人拙见：看了大众点评的实战项目，之前也看了小码哥的react native,react-native 这个好搞，唯一不同的就是变化，加官方推荐，这个移除，那个改动的。不想多说。

react，看视频是开课老师自己建的项目，这家伙真坑，说好的用redux，最后只是架空，放哪，28G的课程才用了五个action，一看就是猴子请来的逗逼，不是我想喷他。最要命的是他的项目代码源码没一个可以跑起来的，兔血啊！这就是我后面搞webpack  找脚手架的原因了

没办法啊，我在github上扒拉一个项目，前后端一起跑的好像是
nightpost（这个项目用了node 使用mongoDb架起来的后端（mongoDb先空着有空再聊，这里有坑，还好我以前搞过）），我只分析代码，还有改其中的bug，感觉蛮不错的

  特点：全局只要需要改变state全是通过，dispatch （action）让store调用reducer来处理返回新的state，感觉蛮好的。

分清楚父子组件传递数据（正向数据流）
以及子组件要把信息传给父组件的
反向数据流 注：react是单向数据流。因为高=搞angular久了，我只是好理解才这么理解的。（通过回调函数，我是这么理解的，没办法，自己悟，怎么好理解怎么来喽）后端请求使用fetch,这玩意也是action触发还有回调，回调调用action 也就是dispatch(actiion),然后reducer，到用的时候react-redux connect组件就可以了mapStateToProps,mapDispatchToProps,这两个看名字也知道啥意思了，转化成props实现正向数据流，

注意：react是单向数据流，

不要因为我理解反向数据流就认为react是双向数据流了

说到本质就几个函数API回调，你看成函数也很好理解，记住前端只有一个对象一个函数，无论怎么转都是这样要传数据就要对象，要处理交互就要函数，当然这个函数有很多方言的：“方”名，方法了什么的一大堆，再改改死了名字也没啥区别啊

话说angular，我严重怀疑尤–去了谷歌，所以angular现在很像vue只是感觉吃力我学的是typescript版本的，有点悲催啊，真是一言难尽。

再谈react 我最后选择了它，很大原因是因为react native，我学框架都是从手机端开始的比如angular 我先学的是ionic ,react我先学的是react native ，差别也不是很大。

本来今晚回来，想将脚手架和路由 react-transition-group搞搞的，后来想想，自己这么久以来写的demo乱放，有的找不到了有的放到了百度云盘，感觉盘要炸了，快容不下了（视频多别想歪了），然后就搞了git,这玩意我除了管理代码没怎么用，其他倒也有用过，刚好今晚学了下，把创建的react-app放到了GitHub上，算是会了git，git我没刻意去学，这玩意我半年前就接触了，现在才会用，只能呵呵

总结：这篇blog 主要给你宏观概念帮你理解，其实没你想的那么难，我认为难的是css；