React

標籤：題外：最近沉迷於手機端開發，對於js調用原生頗感興趣，體驗過Apache的cordova後 ，又對 Facebook的react-native引起了興趣，故此配置過程發一波，因為配置確實是問題百出，讓人痛不欲生，希望自己的經曆能對大家有些協助。 開始：一、首先安裝最新的 node官網：https://nodejs.org/en/ 二、安裝Android

標籤：      RN中要解決鍵盤遮擋輸入框的問題其實有挺多方式，在這裡只是記錄其中的一些個人實際開發中使用到的。   

標籤：Last time we looked at how to use properties, to affect the initial rendering of components. Today we’ll take a look at how to use state, how it differs from properties and some things you should consider when using

標籤：最近項目準備使用React作為前端，主要第一比較火，第二比較小。抽空先來學習一下。首先下載資源檔：壓縮後不到50KB，是挺小的哦。其中：react.js 是 React 的核心庫，react-dom.js 是提供與 DOM 相關的功能，react-dom-server.js是服務端渲染dom的功能，react-with-addons是一些外掛程式功能。好，姑且不管server 和addons，用react和react-dom開始一個嘗試一下,使用官方執行個體：<!

標籤：                          

標籤：React Native :React 起源於 Facebook 的內部項目，結合了 Web 應用程式和 Native 應用的優勢，可以使用 JavaScript 來開發 iOS 和 Android 原生應用。在 JavaScript 中用 React 抽象作業系統原生的 UI 組件，代替 DOM 元素來渲染等。Native

標籤：Homebrew官網 http://brew.sh/index_zh-cn.htmlHomebrew是神馬linux系統有個讓人蛋疼的通病，軟體包依賴，好在當前主流的兩大發行版本都內建瞭解決方案，Red hat有yum，Ubuntu有apt-get 神馬，你用mac os，不好意Mac os木有類似的東東，淚奔中幾經折騰總算找到了第三方支援：Homebrew，Homebrew簡稱brew，是Mac

標籤：      該文翻譯自:https://medium.com/@Jpoliachik/react-native-s-layoutanimation-is-awesome-4a4d317afd3e#.6syi2v6yh       剛建立的React Native技術交流群(282693535),歡迎各位大牛,React

標籤：Code to be refacted:const AddTodo = (props, { store }) => { let input; return ( <div> <input ref={node => { input = node; }} /> <button onClick={() => { store.dispatch({ type:

標籤：Code to be refactored:class FilterLink extends Component { componentDidMount() { const { store } = this.context; this.unsubscribe = store.subscribe(() => this.forceUpdate() ); } componentWillUnmount() { this.unsubscribe();

標籤：春節臨近，辦公室裡半片空位，半片浮囂。想到將放假，螢幕上的代碼也都變成了雀躍的小蟲。無法專心了。終於還是強迫自己讀了半篇文檔，寫了幾坨程式。這次記錄的是關於React，最淺顯的內容。 ———— 我是望眼欲穿的分割線 ———— Step 1：npm

標籤：Android和iOS的歡迎介面是不一樣的，在iOS中有一個預設的歡迎介面，而Android則需要自己寫。因此我就分開說一下這兩個平台的歡迎介面的搭建。下面先看一下實現效果：Android：iOS： 一、iOS歡迎介面的實現：它的實現跟React－Native是沒有半毛錢的關係的。你需要在Xcode中去實現這個介面。也就是去設計LaunchScreen.xib，：由於不是iOS的開發人員，對iOS也不是很懂，所以我就拖拖拽拽，最後將圖片設定為置中就行啦。二、Android歡迎介面

標籤：下面我們開始著手去做這一個項目，因為初學不久就開始邊學邊做，所以有些地方設計不太合理。請大家多多包涵。0.0下面來介紹中的三個檔案夾，　　GuoKuApp：是我開發app的檔案夾。　　GuoKuDB：裡面存放的是我的資料庫文檔的插入語句，這裡資料庫我使用的是mongodb。　　GuoKuServer：就是我使用node.js寫的服務端啦。下面來看一下GuoKuApp裡面的內容：－－－－－－－－－－－－－－下面是src檔案夾內容－－－－－－－－－－－－－－－－－－－－－第一張是實用命令列：$

標籤：　　學習react－native也有一個月的時間了。當學習了關於react－native的基礎知識之後，打算自己去仿一個應用去練手。於是花了10天左右的時間，這個小應用的準系統也實現的差不多了。　　在展示應用之前，首先我想跟大家分享一下我學習這個技術的心得。首先，我是因為感興趣才學的這個技術，然後我學這技術的時候是沒有多少基礎的，我的javascript水平也僅僅會在網頁中’alert‘一下而已，那就更不用說node.js了。而且我只是一個剛剛踏入社會的菜鳥罷了。所

標籤：上節課，我們介紹了一些es6的新文法：react+redux教程（三）reduce()、filter()、map()、some()、every()、...展開屬性今天我們通過解讀redux-undo的官方範例程式碼來學習，在redux中使用撤銷功能、devtools功能、以及router。例子這個例子是個計數器程式，包含計數器、右邊的redux開發工具、還有一個路由（不過只有“/”這一個地址）。原始碼：https://github.com/lewis617/myRe

標籤：最近在做一個小練習項目，使用者登陸後需要跳轉到使用者登入資訊介面，加班半個小時終於將介面的布局搞定。接觸Rect－Native也有一段時間了，以前沒有做過ios，只做過android，就布局和開發效率上來說，react－native的給我的感覺是開發效率要大大高於android的。下面是具體的代碼： 1 import React from ‘react-native‘ 2 import Icon from ‘react-native-vector-icons/FontAwesome‘

標籤：一. 安裝Homebrew:  “Homebrew installs the stuff you need that Apple didn’t.——Homebrew  OS X 更完整”。    Homebrew的官網（多語言版本）簡單明了地介紹了如何安裝和使用這個工具，;並提供了自己的Wiki。    brew的安裝很簡單，使用一條ruby命令即可，

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

標籤：曾經看到一篇文章，寫的是jquery開發人員吐槽angular的複雜。作為一個angular開發人員，我來吐槽一下react+redux的複雜。例子為了讓大家看得舒服，我用最簡單的一個demo來展示react+redux的“彎彎繞”，下面這個程式就是我用react和redux寫的。然而這個程式在angular中一行js都不用寫！！！展示組件App.jsimport React, { findDOMNode, Component } from

標籤：/** * Sample React Native App * https://github.com/facebook/react-native */‘use strict‘;var React = require(‘react-native‘);var { AppRegistry, StyleSheet, Text, Image, View, TextInput, ListView,} = React;var GIT_URL =