React

一、不可控組件和可控組件 不可控組件：<input type="text" defaultValue="HelloWorld"/>資料寫死。 可控組件：<input type="text" defaultValue={this.state.value}/> 為什麼組件要可控： 符合React的資料流

今天碰到一個很奇葩的問題，後來在stackoverflow上面查，據說是react-native的一個bug。 原帖地址：http://stackoverflow.com/questions/38579665/reactnative-activityindicator-not-showing-when-animating-property-initiate-false 比如如下代碼： constructor(props) {        

環境的配置取決於您應用的運行平台,iOS, Android還是兩者都可以.您只需要選擇一種即可,因為不同的環境只是在setup時有點不同而已.下面是使用MAC開發運行在iOS系統的環境配置. 環境配置 開發工具: Xcode, node.js, React Native 命令列工具, Watchman. 官方推薦使用 Homebrew 來安裝 node 和 watchman. 安裝 Homebrew 安裝官網提示將下面命令直接複製到終端即可.然後會提示”Press

React Native 版本升級與降級 （一）前言 現在React Native For Android剛剛開源才不久，現在整體功能還不健全完善以及開發中的坑(Bug)還是比較多的 ，以至於到現在還沒有正式版本。項目人員正在加緊開發維護，修複Bug，所以現在React Native項目的版本更新速度還是相對來講是比較快的。在如此現狀之下，我們就要及時關注項目官網了，要將React

此文是我的出版書籍《React Native 精解與實戰》連載分享，此書由機械工業出版社出版，書中詳解了 React Native 架構底層原理、React Native 組件布局、組件與 API 的介紹與代碼實戰，以及 React Native 與 iOS、Android 平台的混合開發底層原理講解與代碼實戰示範，精選了大量執行個體代碼，方便讀者快速學習。書籍還配套了視頻教程「80 節實戰課精通 React Native

標籤：React Native運行報錯ReferenceError: Can‘t find variable: _fbBatchedBridge‘React Native目前貌似要火的樣子，作為移動開發人員，當然需要關注最新的開發技術，所以也就跟風試了試，但是發現啟動並執行時候紅屏報錯，Google了一下，發現官網給出瞭解決方案，步驟如下:確保你的電腦和手機處於同一個wifi網路從手機上啟動你的React Native

標籤：native   ever   get   exp   exports   進入   cal   however   lis   1 進入項目更新npm

標籤：地址   users   ast   user   cat   conf   bsp   book   mit   報錯： 1 ～～～～/node_modules/react-native/third-party/glog-

標籤：一、關於GulpQ1:　　為什麼需要Gulp或Grunt？1.　　緩衝問題，javascript和css都屬於靜態檔案，因此當我們修改javascript檔案時候，經常會遇到local沒問題，但是部署到server時候，問題依舊存在，通常這就是緩衝導致2.　　Javascript和css等項目依賴關係依賴的產生，會導致請求時間的延長，影響效能。其次，越來越多的js和cs檔案，需要請求多次，而瀏覽器的請求每次請求是有限的，因此我們需要壓縮js和cs檔案，來減少請求次數，提高效能。Q2:　　為

標籤：intern   res   mount   render   react   not   code   art   image   一、There is an internal error in the React

標籤：一、簡述父組件嵌套子組件，父組件的處理函數通過屬性的方式賦值組子組件（<GenderSelect handleSelect={this.handleSelect}></GenderSelect>），子組件通過觸發事件，委託調用父組件的處理函數，從而實現把值傳給父組件（return <select onChange={this.props.handleSelect}>，handleSelect: function(event) {

標籤：一、需求當有傳屬性name的值時，則顯示Hello "name",否則顯示Hello World二、4種方式的代碼實現1.通過三元運算子<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script

標籤：一、ReactJS簡介React 起源於 Facebook 的內部項目，因為該公司對市場上所有 JavaScript MVC 架構，都不滿意，就決定自己寫一套，用來架設 Instagram 的網站。做出來以後，發現這套東西很好用，就在2013年5月開源了。由於 React 的設計思想極其獨特，屬於革命性創新，效能出眾，代碼邏輯卻非常簡單。所以，越來越多的人開始關注和使用，認為它可能是將來 Web

標籤：簡介：React是Facebook開發的一款JS庫React解決了什麼問題？1）、首先是以往mvc模式的缺陷，當程式碼程式庫龐大時，mvc非常的複雜，每添加新的功能，項目的複雜度就幾何倍的增長，導致代碼的維護性很差，所以mvc不合適太大型的前端應用。2）模型和視圖間可能存在的雙向資料流動React的特點是什嗎？1）簡單2）聲明式另外在react官網上面（http://facebook.github.io/react/blog/2013/06/05/why-react.html），還可以瞭解

標籤：react-redux提供兩個關鍵模組：Provider和connect。ProviderProvider這個模組是作為整個App的容器，在你原有的App

標籤： flexbox是Flexible Box的縮寫，彈性盒子布局  主流的瀏覽器都支援flexbox布局是伸縮容器(container)和伸縮項目(item)組成Flexbox布局的主體思想是元素可以改變大小以適應可用空間，當可用空間變大，Flex元素將伸展大小以填充可用空間，當Flex元素超出可用空間時將自動縮小。總之，Flex元素是可以讓你的布局根據瀏覽器的大小變化進行自動調整。按照伸縮流的方向布局伸縮容器有主軸和交叉軸組成！

標籤：這是深入淺出React Native的第三篇文章。1. 環境配置2. 我的第一個應用將index.ios.js中的代碼全部刪掉，為什麼要刪掉呢？因為我們準備從零開始寫一個應用~學習技術最好的方式就是自己動手寫，看別人的代碼一百遍的效果也不如自己寫一遍來的效果大~我們要做的事情主要分成以下兩步：1. 建立組件2. 將建立好的組件顯示在app上開啟index.ios.js檔案，輸入var HelloWorld = React.createClass({ render: function ()

標籤：reduce()、filter()、map()、some()、every()、...展開屬性   這些概念屬於es5、es6中的文法，跟react+redux並沒有什麼聯絡，我們直接在https://developer.mozilla.org/en-US/ 這裡可以搜尋到相關api文檔。但是redux的官方樣本中包含了這些文法的用法，我們正好可以在程式中學習這些文法。這裡全部預設使用es6的寫法。例子這是官方的todomvc的例子（https://github.com/

標籤：使用   最簡   returns   icp   條件   base64   分享   extract   pat      今天把上一篇還沒學習完的

標籤：change   div   create   組件   唯讀   輸入   流程   工作流程   代碼   redux:　　redux是flux的進階版，相較與flux