最近在搞react redux react-router等,
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;
- react
- redux
- react-router react-router-dom
- 脚手架
- sass
- react-transition-group
- react-native
- es6
- webpack
- git
- markdown哦 有用,不仅仅是写blog 还可以写README.md文件 .md也就是markdown缩写
- 把angular vue ionic丢了 (⊙﹏⊙)b===补上
最近在搞react redux react-router等,相关推荐
- 使用React,Redux和Router进行真正的集成测试
by Marcelo Lotif 通过马塞洛·洛蒂夫(Marcelo Lotif) 使用React,Redux和Router进行真正的集成测试 (Real integration tests with ...
- Router入门0x205: react-route + redux + react 集成
0x000 概述 这一章终于大集成了 0x001 集成react 源码 import React from 'react' import ReactDom from 'react-dom'class ...
- 【React+ts】从零开始搭建react函数式组件+router+redux+less+sass+axios反向代理+antd(保姆式教学)
前提 你需要准备好node.js版本不低于6.14.8 和 git 文章内容比较长(保姆级别教程),全是干货,请耐心看完 通过create-react-app脚手架搭建项目 1.第一步 注: 项目名称 ...
- React+Redux打造“NEWS EARLY”单页应用 一步步让你理解最前沿技术栈的真谛
之前写过一篇文章,分享了我利用闲暇时间,使用React+Redux技术栈重构的百度某产品个人中心页面.您可以参考这里,或者参考Github代码仓库地址. 这个工程实例中,我采用了厂内的工程构建工具-F ...
- react redux在项目中的使用
一开始我接触到redux是很懵的,看官方文档也很枯燥乏味,不理解说的什么意思,也是看过就忘,所以就结合公司的项目来熟悉一下redux.也可能有写的不对的地方,欢迎指出. 一.构建reducer 首先看 ...
- React+Redux开发实录(一)搭建工程脚手架
React+Redux开发实录(一)搭建工程脚手架 React+Redux开发实录(二)React技术栈一览 搭建工程脚手架 准备工作 安装node 安装git 安装一款前端IDE 推荐VSCode, ...
- 基于 react, redux 最佳实践构建的 2048
前段时间 React license 的问题闹的沸沸扬扬,搞得 React 社区人心惶惶,好在最终 React 团队听取了社区意见把 license 换成了 MIT.不管 React license ...
- redux react ajax,使用react-redux触发事件操作
我正在使用react / redux / react-redux来实现执行ajax请求的模式形式 . 如果我是正确的,react-redux使您能够: 将redux商店中的数据显示给您的组件 将容器中 ...
- react实战项目_React实战之React+Redux实现一个天气预报小项目
引言 经过一段时间的React学习,React和Vue的开发确实有很大的不同,但是都是MVVM框架,因此上手没有很大的难度,这次用React+Redux开发一个天气预报小项目.源码地址:https:/ ...
最新文章
- 2021年春季学期-信号与系统-第二次作业参考答案-第四小题
- 北京尚学堂|程序员励志名言
- DL之VGGNet:VGGNet算法的简介(论文介绍)、架构详解、案例应用等配图集合之详细攻略
- 的watch什么时候触发_建筑结构丨泡面为什么是弯的,海带又为什么要打结?
- python中库是什么意思_python的库是什么意思
- java计算时间差距_硬计算和软计算之间的差异
- 60-140-046-使用-DataSink-Flink写入到MySQL的2中方式
- viewpager的优化
- mysql5.7应该导什么包_烘焙知识 | 不同的蛋糕,应该如何完美脱模?
- 职教云python程序设计答案_智慧职教云课堂Python程序设计(常州工业职业技术学院)答案公众号...
- 语言-英语-美国英语:美国英语
- 平行实境游戏设计——《家务战争》初稿
- boost asio异步服务端实现步骤
- word中写出打对号的框
- 2018高中计算机竞赛,最新 | 2018年高中生各项竞赛时间一览表
- Bootstrap系列之表单(Forms)
- python制作一个简单的“一键死机”白屏小程序
- setuptools-scm was unable to detect version for‘…/…/某git包‘
- 服务器该不该选SSD硬盘储存?
- (n++)+(n++)+(n++)与(++n)+(++n)+(++n)的区别
热门文章
- JavaScript数据容量单位转换(KB B MB GB....)
- NFS介绍,NFS服务端安装配置,NFS配置选项
- react-redux学习笔记
- PosgreSQL快速参数调优和sysbench压测
- Spring with Hibernate persistence and transactions
- java 实现二分法
- 参加第六届中国制造业MES应用年会
- java加载阶段内存分配_Java核心:类加载和JVM内存的分配
- do还是doing imagine加to_Want后面竟然可以跟doing?!to do和doing有什么区别?
- 指纹识别 python_Python实现指纹识别你见过没?