1 下载nodejs 安装 (此时npm 和 node环境都已经装好)2 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org3 安装git 3 创建一个放置项目的目录，右键选择 Git Bash Here 打开git 输入： npm install -g create-react-app 4 安装完 create-react-app 之后 继续输入 create-react-app my-app6 cd 项目名 下面继续执行 npm start 检测当前项目是否创建成功 正常情况下当输入命令之后 会直接打开默认...
create-react-appReact技术依赖的技术栈比较多，比如，转译JavaScript代码需要使用Babel，模块打包工具要使用Webpack，定制build过程需要grunt或者gulp。create-react-app命令可以免去配置这些技术栈的麻烦，自动生成一个基本的react-app模版项目，让开发者可以基于这个模版快速开始React应用的开发。 首先要安装create-react-app命令：npm install --global create-react-app 然后就可以创建了：create-react-app <app-name> 组件...
本地删了 node module 目录，重新安装的时候，提示找了找，可如下解决-------转自： https://www.cnblogs.com/huhanhaha/p/7605722.html 这个问题和react版本问题有关，解决办法npm run build:dll原文：http://www.cnblogs.com/jshare/p/7873717.html
原文链接导读：最近公司的一款新产品APP要进行研发，老大的意思想用H5来做混合APP以达到高效敏捷开发的目的。我自然就开始进行各种技术选型的调研，这里重点想说的是我最后挑选出的2款hybrid app开发技术方案：RN(react native)，HBuilder。React Native是大名鼎鼎的Facebook的开源技术框架，而HBuilder是国内的H5工具开发公 司DCLOUD的产品。我自己先总结下吧：这两个技术框架在开发效率上基本上可以媲美WEB开发的速度，RN强调的是...
这个React应用左上角的react图标，以及右上角的小人图标，是如何显示出来的？把图片放到React应用的public文件夹下：在React应用的ShellBar组件里，将图片名称赋给对应的logo和profile属性即可：运行时的实现：要获取更多Jerry的原创文章，请关注公众号"汪子熙":原文：https://www.cnblogs.com/sap-jerry/p/12303005.html
@1===》发现一个神奇的地方在对数组进行增加删除的时候 react中一个输入框点击enter键，然后数组push，然后渲染<input ref=‘valInput‘ onKeyUp={this.sureEnter}></input>还必须拆开来写这么写是不对的必须拆开一步一步来写,日了狗了，删除也是 *********************************************************************************************************************************************************@2===》封装公共方法...
1.要用es6,因为目前浏览器的支持情况，那么肯定需要插件将e6的代码转换成es5，我用的是babel-loader，事实证明使用6.x版本似乎是不行的，我换成5.3.2之后就成功了。2.webpack.config.js配置文件中，配置loader的时候，我从网上博客中copy的loader: ‘babel-loader!jsx-loader?harmony‘ 不知道是语法错误还是本身不通，编译时会报错改成仅用babel-loader 错误解决 有空整理一下配置步骤发出来。原文：http://www.cnblogs.com/t...
react有几种状态管理器，今天先来整理一下mobx状态管理器，首先了解一下什么是mobx 1、mobx成员: observable action 可以干嘛： MobX 的理念是通过观察者模式对数据做出追踪处理，在对可观察属性作出变更或者引用的时候，触发其依赖的监听函数；整体的store注入机制采用react提供的context来进行传递 怎么用: 定义类 @observable 装饰store类的成员，为被观察者 @action 实例方法, 修改状态，同步异步都修改，不...
正如你能从标题猜到的，这篇文章的目标是给那些有很少编程经验的读者的。比如，像我这样的人：因为迄今为止，我才探索了编程世界6个月。所以，这将是一篇新手村教程！ 你只需要拥有对 HTML 和 CSS 的理解，以及基本的 JavaScript（JS）知识就能看懂本文。注意：在接下来的例子中，我们将会利用 ES6 提供的新能力，来简化写 JS 代码的过程。然而，你也能完全使用 ES5 来写 React。预计阅读时间9分钟什么是 React ？React 是一个 JS ...
【React Context】1、Why Not To Use Context The vast majority of applications do not need to use context. 大多数应用不需要使用context。 If you want your application to be stable, don‘t use context. It is an experimental API and it is likely to break in future releases of React. context是一个Experimental API，在未来可能会失效。 It is far more likely that Redux is the right solution t...
1、ref的3种使用方式 1）字符串的方式 2）回调函数（推荐） 3）React.createRef() (react16.3新提供的方式)1、字符串的方式 class DOM extends React.Component{constructor(props){super(props);this.myRef = React.creatRef() //React.creatRef()方法 }func = () =>{//console.log(this.refs.demoInput.value) //字符串的方法//console.log(this.textInput.value) //回调函数的方法console.log(this.myRef...
//FiberNode{alternate : ‘通过该属性和后面的切片进行比较‘,child : ‘改切片的子切片‘,firstEffect : ‘当前要加入的切片‘,stateNode : ‘当前切片的基本信息‘ } // Fiber对象 原文：http://www.cnblogs.com/jiebba/p/8011965.html
一、简介App在运行的整个过程中，它会有不同的运行状态，例如激活失活状态、前后台进入和离开状态等。开发者可以根据App的不同状态选择合适的时机完成需要的工作。ReactNative中提供了AppState这个API来告知App的状态，它还可以通知状态的改变、甚至用于消息通知的推送等。 二、APIAppState提供了一个属性来获取当前App的状态。//App的当前状态 AppState.currentStateAppState提供了两个静态方法分别用来添加和移除事件监听//添加事...
1、 项目中在android/app/src/main/创建文件夹 assets 2、项目中执行命令 1、 项目中在android/app/src/main/创建文件夹 assets 2、项目中执行命令react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res 重点就是 如果启动还报错 解决办法:修改node_modules\metro-config\src\defau...
最近使用React的类型检查PropTypes时，遇到错误：TypeError: Cannot read property ‘array‘ of undefined看了下自己的React版本： "react": "^16.2.0",google搜了下，原来：react的类型检查PropTypes自React v15.5起已弃用，请使用prop-types使用方法参考：https://doc.react-china.org/docs/typechecking-with-proptypes.html import PropTypes from ‘prop-types‘;MyComponent.propTypes = {// 你可以将属性声明为以下 JS ...