本人前端小菜鸡一枚,因为公司要重构网站,打算用用react,毕竟一切为了学习(装B)嘛!!! 在学习react之前,看了许多资料,博客,官方文档之类的,可我这记吃不记打的记性,还是需要在这里记录一下,能帮助别人最好,不能或者哪里有错的话也希望各位大大嘴下留情(爱说不说,反正我不看评论)!!! 里面有些内容是参考一些牛人的,站在巨人的肩膀嘛不是!!! 1.下载react 关于这个,大家自己去官网下吧,好不好?(啥?你不知道在哪下,虽然我不太会用github,但是我觉得百度其实还不错) 2.关于JS…

磨刀不误砍柴工,咱先把react-redux里的工具函数分析一下: 源码点这里  shallowEqual.js export default function shallowEqual(objA, objB) { if (objA === objB) { return true } const keysA = Object.keys(objA) const keysB = Object.keys(objB) if (keysA.length !== keysB.length) { return…

学习react已经有10来天了,对于react redux react-redux 的使用流程和原理,也已经有一定的了解,在我上一篇的实战项目里,我用到了react-route,其实对它还只是 停留在看完阮神的博客的基础上,一丢丢的小认识,对history 到底怎么用,Route里的我见别人还写了getcomponent代替component也不是很清楚.决定好好分析一下 react-route.咱们一个一个组件来学习. PS: 十几天的学习,我发现我的学习方式错了,其实应该直接先用一遍再来看源…

为什么要加这个必读!因为webpack本身是基于node环境的, 里面会涉及很多路径问题,我们可能对paths怎么写!webpack又是怎么找到这些paths的很迷惑. 本文是我已经写完正式学习React(五)后新加的!我觉得很有必要让大家知道! ------------------------------------------------------------------------------------------------------ nodejs require执行流程  ===…

有了基础的webpack基础,我们要对react的基本语法进行学习. 我这个教程全部用es6 实现.可能会忽略一些最基本的语法讲解,这些你在官网上或者其他别的地方都比我讲的全. 今天我要讲一下react用的较多的bind函数. 源码分析一波: Function.prototype.bind = function() { var __method = this; var args = Array.prototype.slice.call(arguments); var object=args.sh…

学习react也有一周的时间,最近自己做了个仿知乎问答的小demo,项目源码在github上:https://github.com/yang302/reactQa 使用技术:bower+gulp+react bower实现包之间的相互依赖管理,gulp实现项目打包,编译,监听,并在浏览器端实时动态刷新(谷歌浏览器需安装livereload插件) 实现效果如下:…

上一期我们使用了React官方的脚手架运行React应用.大家可能会觉得这种方法很繁琐,需要配置各种第三方插件.JQuery时代的前端真是让人怀念.这一期,我就带领大家创建一个"怀旧版"的React应用. 一. 文件结构一览 这次项目的文件结构相当简单,一个index.html和scripts文件夹.在scripts放着必要的文件babel.min.js.react.development.js.react-dom.development.js.值得注意的是react提供了develo…

在前端的世界里,我们要处理的文件不是太多,而是太少.每天开发项目将html.css.js.图片.字体文件都像大杂烩一般加载都网页上.当应用变得越来越臃肿的时候,会发现js用了那么多全局变量,css的继承关系如此复杂. 在这种情况下,React诞生了.React是通过一种新的方式组织代码,这种方式以javascript为核心,通过模块化的思维,可以将css.jsx(react特有的组件形式)等引入js文件中. 1.安装 React社区提供了众多的脚手架,这里我们使用官方推荐的create-reac…

学习React native ,分享几个不错的开源项目,相信你学完之后,一定会有所收获.如果还没有了解RN的同学们可以参考手把手教你React Native 实战之开山篇<一> 1.Facebook's F8 Conference App 项目地址 https://github.com/fbsamples/f8app 2.Reading 来自饿了么RN大神开源的reading项目,已经完成Android和iOS双适配.绝对是一个产品级的开源项目,并且作者还在持续的更新.值得一荐! 项目地址:…

推荐资源: 一位react的最初构建者写的学习react的建议,这是翻译过的http://www.360doc.com/content/16/0129/07/13518188_531384175.shtml 官网上面的文档组织的确是有点乱,但还是要通过官网学习,建议从认真跟着官网上这篇教程做 http://reactjs.cn/react/docs/tutorial.html  ,之后可以选择性看其他部分内容 慕课网上面关于react的视频  http://www.imooc.com/index…