需要安装的软件node.jsnpm包管理Webstorm由于6.3.0版本之后会自带npm的包管理所以不需要单独的安装npmnodejs(包含npm)安装在默认路径C:\Program Files\nodejs比较好，也不是很大Webstrom安装完成后，在打开的 License Activation 窗口中选择 License server。在输入框输入网址：http://idea.iteblog.com/key.php最后点击 Activate 构建项目和安装依赖包使用webstorm新建一个空白项目打开控制台，在控制台里输入npm init 命令来初始...
# React## React 和 vue- React 和 vue 同属MVVM框架 - M:model - V:VIEW - VIEWMODEL- React 全部是在js中定义的，不象vue将文件拆分为3部分。- react 不存在模板的说法## 虚拟DOM- 概念 - DOM是浏览器提高的API数量相对固定，扩展比较难 - 虚拟DOM：用js对象表现出DOM的内容以及层级系，可以自定义api,通过特定的方式渲染到页面中。- 原理 - 按需更新，重新渲染- diff算法 - 逐层对比新旧dom树，所有节点对比完毕后，就能...
1.ReactJs 需要依赖nodejs环境，如果没有安装nodejs的话，需要安装。下载地址：https://nodejs.org/en/download/ 下载下来之后，安装windows版本的msi,点击下一步就可以了。之后进行相应的环境配置就ok。 2.安装全局包 我们需要安装两个包，这两个包是babel插件。 在windows运行: npm install -g babel npm install -g babel-cli 3.创建一个应用根目录 d:>mkdir reactApp...
第一步：安装nodejs，如果您还没有安装，请参考nodejs官方文档安装一下即可。第二步：安装Babel，npm install babel-preset-react第三步：安装gulp,具体步骤如下 1、全局安装 gulp：npm install --global gulp 2、作为项目的开发依赖（devDependencies）安装：npm install --save-dev gulp 3、在项目根目录下创建一个名为 gulpfile.js 的文件： var gulp = require(‘gulp‘); ...
一直对 RN 充满了好奇，前段时间学习并实际使用 RN 来开发了一个简单的应用。第一步从环境搭建开始。 环境搭建 分别需要安装Node，Watchman，Yarn 和 RN 命令行工具，推荐把 react-devtools 的 debug 工具也一并安装了 $ brew install node$ brew install watchman$ brew install yarn$ npm install -g react-native-cli$ npm install -g react-devtools // debug工具，可选 创建应用 只要运行下面的命令就可以创建一个名为 Awes...
前言 React 是一个用于构建用户界面的 JavaScript 库。react主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。关注React也已经很久了，一直没能系统地深入学习，最近准备好好研究一下，并且亲自动手做一些实践。 不管是学习一门语言也好，还是学习一个框架也好，都是从最初的hello world程序开始的，今天我们也来用react写一个hello world出来，了解一下如何编写及运行React。 入门教程及环境搭建 在官方文档中，有一种方...
这次给大家带来React全家桶环境搭建代码解析，React全家桶环境搭建的注意事项有哪些，下面就是实战案例，一起来看一下。环境搭建1.从零开始搭建webpack+react开发环境2.引入Typescript安装依赖npm i -S @types/react @types/react-dom npm i -D typescript awesome-typescript-loader source-map-loader新建tsconfig.json{"compilerOptions": {"outDir": "./dist/","sourceMap": true,"noImplicitAny": true,"module": "commonjs",...
本篇文章主要讲述的是关于react环境搭建的一些解释，现在就让我们一起来看看这篇文章吧React环境搭建最近学习React，希望入个门，我的要求不高，能看得懂些简单的项目，装装逼就好。研究了两天，感觉技术更新太快，不保持对新技术的不断学习更新，真的跟不上的节奏。环境搭建都让我觉得有必要写篇文章记录下，算是备个份以后参考。初学者能力有限，理解也不一定对。React介绍React是A JAVASCRIPT LIBRARY FOR BUILDING USER INTERF...
本篇文章主要介绍了详解Webpack+Babel+React开发环境的搭建的方法步骤，具有一定的参考价值，感兴趣的小伙伴们可以参考一下1.认识Webpack构建应用前我们先来了解一下Webpack, Webpack是一个模块打包工具，能够把各种文件（例如：ReactJS、Babel、Coffeescript、Less/Sass等）作为模块进行编译后进行打包。2.安装Webpack要开始使用Webpack在项目中进行开发前我们首先需要在全局环境中进行安装。npm install webpack -g3.创建一个项目...
本文主要介绍了详解Webpack+Babel+React开发环境的搭建的方法步骤，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。1.认识Webpack构建应用前我们先来了解一下Webpack, Webpack是一个模块打包工具，能够把各种文件（例如：ReactJS、Babel、Coffeescript、Less/Sass等）作为模块进行编译后进行打包。2.安装Webpack要开始使用Webpack在项目中进行开发前我们首先需要在全局环境中进行安装。npm install webpack...
本文介绍了React全家桶环境搭建过程详解，分享给大家，具体如下：环境搭建1.从零开始搭建webpack+react开发环境 2.引入Typescript 安装依赖npm i -S @types/react @types/react-dom npm i -D typescript awesome-typescript-loader source-map-loader新建tsconfig.json{"compilerOptions": {"outDir": "./dist/","sourceMap": true,"noImplicitAny": true,"module": "commonjs","target": "es5","jsx": "react"},"include": ["./sr...
1.认识Webpack 构建应用前我们先来了解一下Webpack, Webpack是一个模块打包工具，能够把各种文件（例如：ReactJS、Babel、Coffeescript、Less/Sass等）作为模块进行编译后进行打包。 2.安装Webpack 要开始使用Webpack在项目中进行开发前我们首先需要在全局环境中进行安装。 npm install webpack -g3.创建一个项目 安装好后创建一个名叫learn-webpack的项目并进入该项目文件夹，当然项目名字你可以起你自己想要的名字。 mkdir learn...
开篇呢，先给大家问个好，今天是中秋节，祝大家中秋节快乐！！虽然是中秋节，但是木有回家还是总结一下知识点写写博客吧，想着昨天总结一下的，但是昨天和几个同学小聚了一下，酒逢知己总是千杯少呢，喝的微醺不适合写东西，所以就留到今天总结了。因为这段时间在工作中陆陆续续的接触到了一些RN开发的东西，还是需要总结一下的。今天只是个开篇，接下来还会有陆陆续续的关于RN开发的总结，今天主要是环境搭建、简单的组件封装、Pr...
使用套件搭建 ? 基本不用了。 手动引入几个库。使用 create-react-app构建react开发环境 ? 脚手架 搭建，一行命令即可。（第一次构建事件较长） （1）安装webpack-react-app npm install -g create-react-app（2）使用该命令创建项目目录 create-react-app my-app注：不能包含大写字母 （3）切换到项目目录 cd my-app（4）运行项目 npm start运行后自动打开浏览器，默认运行在3000端口 手动搭建 （1）首先搭建webpack环境 此处不再...
npm install create-react-app -g create-react-app my-project // 自己定义的文件名称 cd my-project // 进入项目 cat package.json // 项目依赖 script命令 npm start // 启动服务器 启动编辑器打开文件 README.md // create-react 的帮助文档 Render方法 代表组件的最终渲染结果 ReactDOM.render方法 把写好的组件挂载到DOM节点上严格模式（Strict Mode） 严格模式在官网中这样介绍：StrictMode 是一个用以标记出应用中潜在问...