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。