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;

  1. react
  2. redux
  3. react-router react-router-dom
  4. 脚手架
  5. sass
  6. react-transition-group
  7. react-native
  8. es6
  9. webpack
  10. git
  11. markdown哦 有用,不仅仅是写blog 还可以写README.md文件 .md也就是markdown缩写
  12. 把angular vue ionic丢了 (⊙﹏⊙)b===补上

最近在搞react redux react-router等,相关推荐

  1. 使用React,Redux和Router进行真正的集成测试

    by Marcelo Lotif 通过马塞洛·洛蒂夫(Marcelo Lotif) 使用React,Redux和Router进行真正的集成测试 (Real integration tests with ...

  2. Router入门0x205: react-route + redux + react 集成

    0x000 概述 这一章终于大集成了 0x001 集成react 源码 import React from 'react' import ReactDom from 'react-dom'class ...

  3. 【React+ts】从零开始搭建react函数式组件+router+redux+less+sass+axios反向代理+antd(保姆式教学)

    前提 你需要准备好node.js版本不低于6.14.8 和 git 文章内容比较长(保姆级别教程),全是干货,请耐心看完 通过create-react-app脚手架搭建项目 1.第一步 注: 项目名称 ...

  4. React+Redux打造“NEWS EARLY”单页应用 一步步让你理解最前沿技术栈的真谛

    之前写过一篇文章,分享了我利用闲暇时间,使用React+Redux技术栈重构的百度某产品个人中心页面.您可以参考这里,或者参考Github代码仓库地址. 这个工程实例中,我采用了厂内的工程构建工具-F ...

  5. react redux在项目中的使用

    一开始我接触到redux是很懵的,看官方文档也很枯燥乏味,不理解说的什么意思,也是看过就忘,所以就结合公司的项目来熟悉一下redux.也可能有写的不对的地方,欢迎指出. 一.构建reducer 首先看 ...

  6. React+Redux开发实录(一)搭建工程脚手架

    React+Redux开发实录(一)搭建工程脚手架 React+Redux开发实录(二)React技术栈一览 搭建工程脚手架 准备工作 安装node 安装git 安装一款前端IDE 推荐VSCode, ...

  7. 基于 react, redux 最佳实践构建的 2048

    前段时间 React license 的问题闹的沸沸扬扬,搞得 React 社区人心惶惶,好在最终 React 团队听取了社区意见把 license 换成了 MIT.不管 React license ...

  8. redux react ajax,使用react-redux触发事件操作

    我正在使用react / redux / react-redux来实现执行ajax请求的模式形式 . 如果我是正确的,react-redux使您能够: 将redux商店中的数据显示给您的组件 将容器中 ...

  9. react实战项目_React实战之React+Redux实现一个天气预报小项目

    引言 经过一段时间的React学习,React和Vue的开发确实有很大的不同,但是都是MVVM框架,因此上手没有很大的难度,这次用React+Redux开发一个天气预报小项目.源码地址:https:/ ...

最新文章

  1. 2021年春季学期-信号与系统-第二次作业参考答案-第四小题
  2. 北京尚学堂|程序员励志名言
  3. DL之VGGNet:VGGNet算法的简介(论文介绍)、架构详解、案例应用等配图集合之详细攻略
  4. 的watch什么时候触发_建筑结构丨泡面为什么是弯的,海带又为什么要打结?
  5. python中库是什么意思_python的库是什么意思
  6. java计算时间差距_硬计算和软计算之间的差异
  7. 60-140-046-使用-DataSink-Flink写入到MySQL的2中方式
  8. viewpager的优化
  9. mysql5.7应该导什么包_烘焙知识 | 不同的蛋糕,应该如何完美脱模?
  10. 职教云python程序设计答案_智慧职教云课堂Python程序设计(常州工业职业技术学院)答案公众号...
  11. 语言-英语-美国英语:美国英语
  12. 平行实境游戏设计——《家务战争》初稿
  13. boost asio异步服务端实现步骤
  14. word中写出打对号的框
  15. 2018高中计算机竞赛,最新 | 2018年高中生各项竞赛时间一览表
  16. Bootstrap系列之表单(Forms)
  17. python制作一个简单的“一键死机”白屏小程序
  18. setuptools-scm was unable to detect version for‘…/…/某git包‘
  19. 服务器该不该选SSD硬盘储存?
  20. (n++)+(n++)+(n++)与(++n)+(++n)+(++n)的区别

热门文章

  1. JavaScript数据容量单位转换(KB B MB GB....)
  2. NFS介绍,NFS服务端安装配置,NFS配置选项
  3. react-redux学习笔记
  4. PosgreSQL快速参数调优和sysbench压测
  5. Spring with Hibernate persistence and transactions
  6. java 实现二分法
  7. 参加第六届中国制造业MES应用年会
  8. java加载阶段内存分配_Java核心:类加载和JVM内存的分配
  9. do还是doing imagine加to_Want后面竟然可以跟doing?!to do和doing有什么区别?
  10. 指纹识别 python_Python实现指纹识别你见过没?