Time of Update: 2016-01-04
標籤:環境搭建: 1.安裝react-native開發環境 npm install -g react-native-cli 2.安裝jest測試環境 npm install -g jest-cli
Time of Update: 2016-01-03
標籤:1、文法上,根據生命週期方法執行的順序編寫代碼 (1
Time of Update: 2015-12-31
標籤:we leverage private components to break our render function into more manageable pieces without leaking the implementation details of our component. <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS
Time of Update: 2015-12-30
標籤:先附上React-Native官方文檔中文版:http://wiki.jikexueyuan.com/project/react-native/getting-started.html好,接下來我們看下安裝的過程。首先是五個需求OS X – 現在這個倉庫只包含 iOS 實現,且 Xcode 只能在 Mac 上運行。不知道 Xcode 嗎?從 Mac App Store 上 下載它。安裝 node,watchman,flow
Time of Update: 2015-12-19
標籤:當我第一次嘗試ReactNative的時候,我覺得這隻是網頁開發人員涉足原生行動裝置
Time of Update: 2015-12-17
標籤:一、事件匯總 二、例子 1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>React涓殑浜嬩歡</title> 6 </head> 7 <body> 8 <script
Time of Update: 2015-12-17
標籤:一、二、代碼 1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Hello, World</title> 6 </head> 7 <body> 8 <script
Time of Update: 2015-12-16
標籤:Q:對於開發hybird app首選哪個好?是ionic還是react native?如何評價ionic和react
Time of Update: 2015-12-17
標籤:一、二、 1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>Document</title> 7 </head> 8 9 <body>10 <script
Time of Update: 2015-12-09
標籤:摘要: 前面給大家分享了一個react項目(http://www.cnblogs.com/xiyangbaixue/p/4751904.html),這次對這個項目做了一些改進,增加了rem布局和對iscroll在Android上的最佳化。項目代碼,歡迎fork和star,線上預覽REM布局執行個體代碼var fontSizeInit = function() { var doc = document.documentElement,
Time of Update: 2015-12-07
標籤:編程有點像搞園藝。比起竭力去對付BUG(蟲子),我們更願意把一切弄得整潔有序,以免最後落得個身在荒野叢林中。低劣的架構會拖我們的後腿,也會使得BUG更容易鑽進系統裡去。想要對你的項目進行架構,方法有多種。我相信,根據你的實際情況對架構進行演化,要遠比堅持一些條條框框的教條更好。接下來我將會介紹一些基礎的方法以資您思考。 將所有的東西都放在一個檔案中最簡單的項目可以被放到一個檔案之中。而這就是我所選擇的用來處理我的Webpack
Time of Update: 2016-02-22
標籤:1.build檔案介紹(1)react.js 是react的核心庫(2)react-dom.js 提供與DOM相關功能(3)browser.js 是將JSX文法轉為javascript文法 2.組件的繼續學習 注意:組件的第一個字母必須大寫,否則會報錯。組件的用法和html標籤完全一致,可以任意加入屬性。組件的屬性,可以通過 this.props 對象上擷取。 3.this.props.children this.props.
Time of Update: 2016-02-19
標籤:昨天初體驗了一把SVG一個並不是多麼複雜的動畫,我在iOS模擬器上體驗的是流暢的,但是在Android真機上體驗,還是比較卡的。下面來介紹一個OpenGL的第三方庫:下面是我啟動並執行裡面Demo的效果:至於如何使用者一個庫,文檔已經寫的很清楚啦,下面是網址:github:https://github.com/ProjectSeptemberInc/gl-react-native/文檔:https://projectseptemberinc.gitbooks.io/gl-react/con
Time of Update: 2016-02-15
標籤:入門教程深入淺出 React Native:使用 JavaScript 構建原生應用 http://www.appcoda.com/react-native-introduction/ 中文版 http://www.cocoachina.com/ios/20150408/11513.html react-native 之布局篇
Time of Update: 2016-02-01
標籤:教程目錄react+redux教程(一)connect、applyMiddleware、thunk、webpackHotMiddlewarereact+redux教程(二)redux的單一狀態樹完全替代了react的狀態機器?react+redux教程(三)reduce()、filter()、map()、some()、every()、...展開屬性react+redux教程(四)undo、devtools、routerreact+redux教程(五)非同步、單一state樹結構、compo
Time of Update: 2016-01-30
標籤:我有點想要吐槽,因為用原生的js實現起來挺簡單的一個小東西,改用react來寫卻花了我不少時間,也許react的寫法只有在複雜的web應用中才能體現出它的優勢吧!不過吐槽歸吐槽,對react這種優雅的代碼的寫法我自己是很喜歡的啊!來簡單的講一下,希望能對react的初學者有一些協助...:組建的編寫用了一些es6的文法,用webpack作為轉譯打包工具。把核心代碼貼上來下...var React=require("react");var
Time of Update: 2016-01-28
標籤:今天練習項目中需要給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:
Time of Update: 2016-01-22
標籤:react這麼熱門的架構也不介紹了,redux是一個單項資料流的小架構,當然不只配合react,它起初是為react而配的,現在面向所有了,比如ng-redux的項目。redux做為react的標準搭配,大有超越flux的勢頭。今天show一個例子來入門redux。源碼在此。 (本文預設你已有react基礎,es6基礎)這個效果很簡單就是一個count計數,+++++的按鈕按一下就會+1;input裡面寫什麼,submit就會alert什麼內容,這個demo很雜亂,是我修改的官方
Time of Update: 2016-01-19
標籤:React Native helloworld‘use strict‘;這行代碼是用於開啟 Strict Mode,Strict mode的錯誤處理可以有所提高,JavaScript的一些語言缺陷也可以避免。簡而言之就是,JavaScript在這種模式下工作地更好!var React = require(‘react-native‘); 這句代碼是將 react-native 模組載入進來,並將它賦值給變數 React 的。React Native 使用同 Node.js
Time of Update: 2016-01-18
標籤:此文章同步串連: https://github.com/p2227/p2227.github.io/issues/3# 初用react容易踩的坑## 自訂群組件忘記大寫第一個字母 ```javascriptvar myComp = React.createClass({ render: function() { return <div>Hello world</div>; }});ReactDOM.render(<myComp />,