react编程

㈠ react是哪个公司开发的

React是用于构建用户界面的JavaScript库， 起源于Facebook的内部项目，因为该公司对市场上所有 JavaScript MVC框架，都不满意，就决定自己写一套，用来架设Instagram的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了

㈡ 学习reactnative需要具备哪些编程基础

语法
首先 React Native 所使用的语法是 JavaScript。
首推书籍是 JavaScript 高级程序设计（第3版）
把本书的前 7 章看完，就能很好的了解 JS 的基础语法。不用看 BOM DOM 之后的章节，这块是针对游览器的。
React Native V0.18 之前采用的是 JavaScript 的 ECMAScript5 的标准，之后采用的是 ECMAScript6 (ES2016) 的标准，进行编程。
这部分要学习的是 ECMA2016
主要的是 let和const命令 变量的结构赋值 Iterator和for..of循环 Class Mole 这几章。

框架
以上是语法部分，接着我们知道，React Native 是基于 React 框架的搭建而成的。
通过官网学习 React 就好
转自segmentfault穿越过来的键盘手

㈢ 怎样使用React进行组件库的开发

var navBar = React.createClass({
render: function (){
return <ul>{nav_li}</ul>
}
})12345

createClass创建react组件对应的类，描述组件的各种行为，render函数是必须实现的，表示渲染什么内容
下面来看我们的代码，接着前面封装导航栏组件
nav.js

// 创建组件
var NavBar = React.createClass({
liClick: function () {
alert('组件');
},
render: function(){
return <ul><li><a href="">最新电影</a></li><li><a href="" onClick={function(){alert('组件')}}>最新评论</a></li></ul>
}
});

ReactDOM.render(
// 使用组件
<NavBar />,
document.getElementById("navbar")
);12345678910111213141516

NavBar就是我们定义的组件，使用是方式是<NavBar />
这里我暂时不编译，在页面上引用nav.js

㈣ 为什么说react是声明式编程

React来自于Facebook，是的，就是那个你们听说过但是打不开的网站。Facebook的开发者当时在开发一个广告系统，因为对当前所有的MVC框架不满意，所以就自己写了一个UI框架，于是就有了React。后来因为觉得实在是好用，所以在2013年月份开源的此框架。经过这几年的沉淀，React越来越强大，也受到了越来越多的开发者喜爱。React目前（2015-05-04）的版本是0.14.0，从版本号上看还没有达到1.0版，意味着React还在频繁地修改，普遍应用于产品中还需要一定的时间。2015年三月份的F8开发者大会上，Facebook又发布了React Native，正式把React的触角伸向了APP。同时还为React native开发了一款基于Atom的IDE-Nuclide，也是开源。
React来势汹汹，大有一统江湖的气势。前端开发者应该保持学习新技术的热情，很有必要熟悉React相关技术。下面我们简要谈谈React相关的技术。
React的设计思想
熟悉一个新技术的关键是熟悉他的特色和理念
React框架本身和我们常用的JavaScript MVC框架，如：AngularJS，Backbone，Ember等，没有直接的可比性。在React的官方博客中明确阐述了React不是一个MVC框架，而是一个用于构建组件化UI的库，是一个前端界面开发工具。所以顶多算是MVC中的V（view）。React并没有重复造轮子，而是有很多颠覆性的创新，具体的特性如下：
编写简单直观的代码
在年初的React开发者大会上，React的项目经理Tom Occhino讲述了React的最大的价值，React最大的价值不是高性能的虚拟DOM、封装的事件机制、服务器端渲染，而是声明式的直观的编码方式。React号称能让新人第一天开始使用就能开发新功能。简单的编码方式会让新手能很快地上手，同时也降低了代码维护的成本。这一特性决定了React能快速引起开发者的兴趣并广泛传播的基础。以下是React基于这一理念的具体做法。
简化可复用的组件
React构建UI是使用组件化的方式，而不是常见的模板。组件并不是一个新概念，它是某个独立功能或者界面的封装，达到复用或者UI和业务松耦合的目的。
组件化的设计理念也出现了很多年了，我们常用的ExtJS、YUI、jQueryUI、BootStrap等等都会提供大量的可复用的UI组件。比如在Bootstrap中使用对话框组件：

㈤ React解决了前端开发中的哪些痛点

组件化：React 天生组件化，这是 React 的核心，除了能够在团队内部积累业务组件以外，也能找到众多开源组件的实现
模块化：基于 webpack 可以使用 Es6 或 CommonJs 的写法实现模块化代码
开发效率：React 的代码基本就是组件的组合，分而治之的方式让代码的可阅读性很高，容易理解。 而且相比于 MVC 几乎是去除了 Controller 的角色，只用关心一个 render 函数，不用关系视图局部的修改。
运行效率：React 实现了 Virtual DOM ，相比于 MVVM 框架具有更优的效率
可维护性：React 基于 flux 或 rex 的架构设计，确定性的 store 很容易定位问题，无论是新增业务代码还是查找业务 bug 都不再是难题

㈥ react是面向对象还是面向过程

React Native引入了基于类的面向对象编程概念，这个在后面讲解React基础的时候来介绍
通过比较Java和JS可以了解二者的区分，

基于类的（Java）
基于原型的（JavaScript）

类和实例是不同的事物。 所有对象均为实例。
通过类定义来定义类；通过构造器方法来实例化类。 通过构造器函数来定义和创建一组对象。
通过 new 操作符创建单个对象。 相同。
通过类定义来定义现存类的子类，从而构建对象的层级结构。 指定一个对象作为原型并且与构造函数一起构建对象的层级结构
遵循原型链继承属性。 构造器函数或原型指定初始的属性集。允许动态地向单个的对象或者整个对象集中添加或移除属性。

㈦ 怎样理顺 react，flux，rex 这些概念的关系，开发中有必要使用它们吗

一般来说，程序猿们大部分时间关注的可能不是研发某个具体算法，这是算法工程师／数学家们擅长的东东。程序猿的工作主要是通过调用编程环境中现成的工具函数或接口来实现具体的应用功能，将各个底层接口或算法模块用代码有秩序地拼装联接起来，实现酷炫好用的产品功能，如同组装一件乐高玩具一样。

也就是说程序猿的很多工作往往不是围绕某个高大上的具体算法（“我们不生产算法，我们只是算法的搬运工”），而是像代码界的城管、或者清洁工一样，关注怎样组织文件结构，怎样理清编程思路，怎样命名变量，怎样降低代码耦合度，怎样提高代码的复用性和一致性，提高代码的可读性和健壮性，怎样优化分工协作、减少沟通成本等等。不管是OOP、FP等编程思想，还是MVC等设计模式、或是各种编程语言下的应用开发框架，很多都是为了帮助程序猿完成这些脏活、累活儿。

具体到web应用开发而言，react以及他的好基友rex都是程序猿们出色的好帮手，因此让众多前端开发者一见倾心，俺也不例外。

和一般前端框架相比，react有两个显着特点：

react的性能很好，可以满足实际生产环境下的绝大部分性能需求。
react从使用的角度来说非常轻量级，因此很容易和其他顺手常用的工具搭配使用，而没有任何违和感。（如果你发现react可以和backbone、angular等框架很轻松地放到一起使用，请保持高冷，无需惊讶～）

事实上，react和rex从使用的角度来说，是如此轻量舒适，以至于我们可以不把它们当作“开发框架”，而是一种编程模式，或是编程的“脚手架”，用起来非常“小清新”。这一点和angularjs这类“重口味”框架有很大区别（我不推荐使用angularjs，当然每个人口味不同，最好自己上手体验再做取舍）。其实本人接触react比较晚，但一试用就有种血槽猛涨的感觉，强烈建议还没上手react的前端程序猿们试用一下！

其实，关于react的具体开发实践，知乎上已有很多优秀的文章，不再赘述。这里只想分享一下我在学习react过程中的一点体会，捋一下react以及flux背后思想的来龙去脉，从而能够让大家更加自然地接受react开发模式。

㈧ react.js开发有什么好用的开发工具

推荐使用VS code ，里面有特别多的插件可以使用，对开发的帮助特别大。chorme浏览器可以下载React Developer Tools用来检测哪些网站使用的react 开发的

㈨ react和vue哪个比较好

vue比较好。

VUE 是iOS和Android平台上的一款 Vlog 社区与编辑工具，允许用户通过简单的操作实现 Vlog 的拍摄、剪辑、细调、和发布，记录与分享生活。还可以在社区直接浏览他人发布的 Vlog，与 Vloggers 互动。

随着手机摄像头的发展，越来越多的人开始使用手机拍照和摄像。摄像一般来说要比拍照门槛高，但是视频传播的信息量又远大于照片。VUE 就诞生在这样的背景下，希望用拍照一样简单的操作，帮助用户在手机上拍摄精美的短视频。

主要功能：

分镜头：通过点按改变视频的分镜数实现简易的剪辑效果，而剪辑能够让视频传达更多的信息。

实时滤镜：由电影调色专家调制的12款滤镜供选择，切换至前置摄像头会出现自然的自拍美颜功能。

贴纸：支持40款手绘贴纸，还可以编辑贴纸的出现时间。

自由画幅设置：支持1:1、16:9、2.39:1 三种画幅的视频拍摄。

㈩ 如何在 NodeJs 上搭建 React 开发环境

步骤：
1. 安装 nodejs ：根据你的 Windows 类型(x86或x64)下载相应的安装包，安装完成后，在任一目录下打开 cmd 窗口并运行 node -v 命令，则会输出 node 的版本信息。
--注：在 windows 操作系统中，如果把 nodejs 安装在系统盘（如：C盘），初始化时会提示 nodejs 没有操作文件的权限（无法新建 package.json 文件）。
（建议在非系统盘中安装 nodejs ，本例安装路径：D:\Program Files）
2. 初始化 npm：安装 nodejs 时会默认安装 npm，在 cmd 窗口中运行 npm -v 命令会输出 npm 的版本信息。
接着运行 npm init 命令，并设置相关参数即完成 npm 初始化。这时 nodejs 会在当前目录下（这里是：D:\Program Files\nodejs 目录）新建一个 package.json 文件。
3. 利用 npm 安装 react 相关的包：
3.1 运行 npm install react react-dom --save-dev 命令，安装 react 和 react-dom 包。
其中 --save-dev 表示在 package.json 文件的 devDependencies 节点下添加包的引用，--save 表示在 package.json 文件的 dependencies 节点下添加包的引用
3.1 运行 npm install webpack webpack-dev-server --save-dev 命令，安装 webpack 和 webpack-dev-server 包。
webpack 用来打包并压缩 js 文件，webpack-dev-server 用来实时同步修改过的 js，html，css 文件到浏览器。
3.5 运行 npm install jsx-loader --save-dev 命令，安装 jsx-loader 包（用来把按 ES5 规范编写的 .jsx 文件转成 .js 文件）。
如果需要支持符合 ES6 规范的脚本文件（.js 或 .jsx），还需安装下面 4 个包：babel-core babel-loader babel-preset-es2015 babel-preset-react。