React

標籤：1、文法上，根據生命週期方法執行的順序編寫代碼 （1

標籤：先附上React-Native官方文檔中文版：http://wiki.jikexueyuan.com/project/react-native/getting-started.html好，接下來我們看下安裝的過程。首先是五個需求OS X – 現在這個倉庫只包含 iOS 實現，且 Xcode 只能在 Mac 上運行。不知道 Xcode 嗎？從 Mac App Store 上 下載它。安裝 node，watchman，flow

標籤：最近的項目中開發中都是用react,其中有用到react去操縱表單。然後自己就在每個表單元素中添加 ref,  然後再像jquery操作dom一樣去操縱這個ref,代碼如下：首先我在每個表單元素那裡都加了ref然後再像操作dom一樣動作表單整個過程看起來即累贅，又感覺很怪。這樣你還不如直接用jqurey來操作dom.　　在這裡，想補充一下 react

標籤：摘要：     前面給大家分享了一個react項目（http://www.cnblogs.com/xiyangbaixue/p/4751904.html），這次對這個項目做了一些改進，增加了rem布局和對iscroll在Android上的最佳化。項目代碼，歡迎fork和star，線上預覽REM布局執行個體代碼var fontSizeInit = function() { var doc = document.documentElement,

標籤：在使用react中，經常用到react的map函數，用法和jquery裡中的map一樣，但是，如果你在每個map出來的元素中添加，你會發覺添加的事件無法關聯，比如，我們很多的評論，我需要在每個評論下面加一個回複的input,input期初是隱藏的，當我點擊每天評論下面的回複時，input輸入框顯示 這裡舉個例子，比如我數組裡有三組文字，我把它們渲染到li中，點擊每個li,alert()出每個li裡面的內容，按照下面的方法，你會發覺出錯，無法顯示var myTest =

標籤：React 提供了兩個方法 renderToString 和 renderToStaticMarkup 用來將組件（Virtual DOM）輸出成 HTML 字串，這是 React 伺服器端渲染的基礎，它移除了伺服器端對於瀏覽器環境的依賴，所以讓伺服器端渲染變成了一件有吸引力的事情。伺服器端渲染除了要解決對瀏覽器環境的依賴，還要解決兩個問題：前後端可以共用代碼前後端路由可以統一處理React

標籤：新項目移動端要用React-native搭建,於是又開啟了新一波學習之旅文檔裡查到的Navigator例子均為使用Navigator作為某個組件render方法的唯一傳回值,這在某些情況下有些不符合人類思維(或者說是我的思維...),例如:,典型的上中下布局,進入訊息/朋友/朋友圈分別指向三個頁面,他們在互相切換時主要是頁面中間部分發生改變,上部只是改變了幾個文字,下部只是當前tab頁的表徵圖變為高亮在這種需求下一、我理想的實現方式為:<View><Header

標籤：ICONS是可以直接使用圖片名, 就能載入圖片的三方,使用很方便, 你不需要在工程檔案夾裡塞各種圖片, 節省很多空間,下面就來看看怎麼使用吧!1. 首先開啟terminal進入到我們的工程檔案夾下, (不會建立工程的請參考:http://blog.csdn.net/margaret_mo/article/details/51304062)輸入: npm install react-native-vector-icons --save (斷行符號)輸入: npm

標籤：web   react   html    一、ReactJS簡介React 起源於 Facebook 的內部項目，因為該公司對市場上所有 JavaScript MVC 架構，都不滿意，就決定自己寫一套，用來架設 Instagram 的網站。做出來以後，發現這套東西很好用，就在2013年5月開源了。由於 React

標籤：用於從一個值範圍選取一個值的組件。一、屬性名稱類型說明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

標籤：PS: 蘋果使用的寬度單位是為了設計開發人員在應用上使用接近的數值。比如寬度範圍都在320-414之間。但是寬度對應到像素是有一個轉換比例的，對於背景圖尤其要準備足夠像素的圖片。這個足夠像素可以通過公式PixelRatio計算得到，iphone6P最大是1080*1920寬度單位和像素密度react的寬度不支持度百分比，設定寬度時不需要帶單位 {width: 10}， 那麼10代表的具體寬度是多少呢？不知道是官網文檔不全還是我眼瞎，反正是沒找到，那做一個實驗自己找吧： var

標籤：React比較吸引我的地方在於其用戶端-服務端同構特性，服務端-用戶端可複用組件，本文來簡單介紹下這一架構思想。出於篇幅原因，本文不會介紹React基礎，所以，如果你還不清楚React的state/props/生存周期等基本概念，建議先學習相關文檔用戶端React先來回顧一下React如何寫一個組件。比如要做一個下面的表格： 可以這樣寫： 先建立一個表格類。 Table.jsvar React = require(‘react‘);var DOM = React.DOM;var

標籤：最近接觸react架構，小記一下~~~開發環境配置要搭建一個現代的前端開發環境配套的工具有很多，比如 Grunt / Gulp / Webpack / Broccoli，都是要解決前端工程化問題，這個主題很大，這裡為了使用 React 我們只關注其中的兩個點： JSX 支援ES6 支援配合 webpack 非常方便。Webpack 配置 React

標籤：1.React.renderToString 函數,  參數是組件，返回一個字串<!DOCTYPE html><html> <head> <title>React JS</title> <script src="../build_0.13/react.js"></script> <script

標籤：這是深入淺出React Native教程的第二篇文章，第一篇為環境配置。React Native環境配好之後，就可以開始建立我們的第一個App啦。開啟控制台，輸入react-native init AwesomeProject上述命令的作用是在當前檔案夾下建立一個名字叫AwesomeProject的項目模板。在運行該命令之前，可以先用cd命令到自己想建立react native的檔案夾下。當然，比較坑的是，執行這個命令會用耗費很長很長的時間，有時候還會出現各種各樣的錯誤，例如，沒有許可權。

標籤：<!DOCTYPE html><html> <head> <script src="../../build/react.js"></script> <script src="../../build/react-dom.js"></script> <script src="../../build/browser.min.js"></script>

標籤：<!DOCTYPE html><html> <head> <script src="../../build/react.js"></script> <script src="../../build/react-dom.js"></script> <script src="../../build/browser.min.js"></script>

標籤：入門教程深入淺出 React Native：使用 JavaScript 構建原生應用   http://www.appcoda.com/react-native-introduction/  中文版 http://www.cocoachina.com/ios/20150408/11513.html  react-native 之布局篇  

標籤：今天練習項目中需要給listview在載入圖片時增加一個淡入淡出的效果，因此乾脆就自己封裝了一個組件： 1 ‘use strict‘ 2 3 import React from ‘react-native‘ 4 5 var { 6 Animated, 7 PropTypes 8 } = React 9 10 class AniImage extends React.Component {11 static propTypes = {12 url: