React

標籤：記下自己的react學習之路 ,官方文檔寫的很詳盡，學起來應該比較簡單官方文檔地址：react.http://reactjs.cn/react/docs/getting-started.html1.1   全域安裝命令列工具（依賴 npm）在任何目錄進行全域安裝，效果都是一樣的。所以可以不切入到專案檔夾。npm install -g react-tools  1.2jsx檔案轉成標準的 JavaScript: jsx --watch

標籤：編者：本文來自攜程架構研發部資深經理魏曉軍在第二期【攜程技術微分享】上的分享，以下為整理後的文字實錄。視頻回放可點擊這裡。關注攜程技術中心公號ctriptech，可獲知更多微分享課程資訊。 因為支援用javascript開發原生應用，React Native一推出就受到不少公司熱捧，各家都躍躍欲試。但有一個痛點是，在移動端，我們是否有必要開發多套程式：iOS、Android和H5？本次將通過對Moles架構的分享，介紹攜程在React

標籤：　　閱讀本文需要有React的基礎知識，可以在React 入門執行個體教程和React中文官網進行基礎學習。　　沒有React基礎也可以學習本文，本文主要不是學習React，而是gulp+browserify進行模組化開發。1.建立項目和環境搭建　　我們可以先建立一個檔案夾叫react_item,作為項目的根目錄。　　開啟命令列，cd到項目的根目錄下，我們需要通過npm安裝gulp，輸入：npm install gulp

標籤：簡介：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），還可以瞭解

標籤：‘use strict‘;React.createClass({ //1.建立階段 getDefaultProps:function(){ //在建立類的時候被調用 console.log(‘getDefaultProps‘); return {}; }, //2.執行個體化階段 getInitailState:function(){ //擷取this.state的預設值

標籤：我又回來啦！由於最近一直在做公司的項目，而且比較急。如今項目已經迭代到第三期，可以緩一緩了。。。今天在公司裡聽前端的說，這個項目本來是用React-Native做的（去年10月份），但是做到一半發現坑太多，就中途放棄了，於是讓我們android和iOS重新開發。。。作為非常喜歡這個技術的我來說，表示相當的不服。於是我打算利用閑暇時間做一個一模一樣的出來，反正介面我都有（嘻嘻）說實話，最近一直再用android做開發，而且時間也不寬裕，react-native有點生疏了。好了，廢話不多說，今

標籤：react native   himi   shouldcomponentupdate   組件   重繪   本站文章均為 李華明Himi 原創,轉載務必在明顯處註明： 轉載自【黑米GameDev街區】

標籤：導航   native   himi   react   navigator   本站文章均為 李華明Himi 原創,轉載務必在明顯處註明： 轉載自【黑米GameDev街區】

標籤：一、不可控組件和可控組件介紹什麼是不可控組件<input type="text" defaultValue="Hello World" />var inputValue = ?var inputValue = React.findDOMNode(this.refs.input).value什麼是可控組件<input type="text" defaultValue={this.state.value} />var inputValue =

標籤：用於從一個值範圍選取一個值的組件。一、屬性名稱類型說明disabledbool如果為true，使用者無法移動這個滑動條。預設值為false。maximumValuenumber滑動條最大值。預設為1。minimumValuenumber滑動條最小值，預設為0。onSlidingCompletefunction當使用者完成值的改變被回調的方法。onValueChangefunction當使用者正在滑動滑動條持續回調的方法；stepnumber滑動條的最小單位。這個值應該在0到最大值-最小值之

標籤： 作為一個JS、CSS、RN新手，總是會遇到各種樣式。在不知道樣式有些什麼的情況下難以很好的繪製布局。所以這裡整理了一下幾個常用布局的樣式。View Style支援Flexbox、ShadowPropTypesIOS、Transforms屬性。背面可見度backfaceVisibility enum(‘visible‘, ‘hidden‘)背景顏色backgroundColor string邊框顏色borderColor stringborderTopColor

標籤：今天在寫一個簡單的RN的Demo時，一連出現了好幾個錯誤，最後幸虧得以解決，在這裡把我踩過的坑以及解決辦法分享出來：1.運行出現錯誤：Could not connect to development server.解決辦法：請將項目中 AppDelegate.m 中的 jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

標籤：react-native中CameraRoll模組提供了訪問本地相簿的功能。在react版本為0.23.0的項目中，不支援Android，而且在iOS中使用CameraRoll還需要我們手動操作：iOS：將RCTCameraRoll.xcodeproj添加到我們的項目中：展開項目 > Libraies  右鍵Libraies點擊 “Add Files to ‘項目名’

標籤：近期做的軟體中圖片處理是重點，那麼自然也就用到了相機照相或者相簿選取照片的功能。react-native中有image-picker這個第三方組件，但是0.18.10這個版本還不是太支援iPad。這個組件同時支援photo和video，也就是照片和視頻都可以用這個組件實現。安裝 npm install --save react-native-image-picker安裝過之後要執行rnpm link命令用法 import

標籤：一、Touchable手勢1.React

標籤：以下是React官方文檔中的Thinking inReact文章的翻譯，第一次翻譯英文的文章，肯定有很多不正確的地方，還望多多包涵。原文地址：https://facebook.github.io/react/docs/thinking-in-react.html原文開始---------------------------------------------我是分隔字元------------------------------------------Thinking in React

標籤：Define query param in Link, accept path and query :const Links = () => <nav > <Link to={{path: ‘/‘, query: {message: ‘Yo‘}}}>Home</Link> </nav>; Use Query param by props.location.query:const Container =

標籤：In this lesson we‘ll learn how to render multiple component children from a single route. Define a named component by "components":<Route path="/other" components={ {header: Other, body: OtherBody}}></Route>‘header‘ and ‘body‘

標籤：React‘s inline styles allow components to stand on their own by not requiring any external CSS. However HTML‘s style attributes don‘t support pseudo selectors like :hover and :active. By using Radium to listen to mouse events we

標籤：上篇文章主要介紹了React的基本用法，這次將介紹一個React路由群組件—react-router。在 web 應用開發中，路由系統是不可或缺的一部分。在瀏覽器當前的 URL 發生變化時，路由系統會做出一些響應，用來保證使用者介面與 URL 的同步。隨著單頁應用時代的到來，為之服務的前端路由系統也相繼出現了。有一些獨立的第三方路由系統，比如 director，程式碼程式庫也比較輕量。當然，主流的前端架構也都有自己的路由，比如