React

React是一個JavaScript語言的工具庫，在這個JavaScript工具鋪天蓋地的時代，沒有意外，首先需要安裝Node.js和npm，React本身並不依賴Node.js，但是我們開發中用到的諸多工具需要Node.js的支援。在Node.js的官網（https://nodejs.org/）可以找到合適的安裝方式，安裝Node.js的同時也就安裝了npm，npm是Node.js的安裝包管理工具，因為我們不可能自己開發所有功能，會大量使用現有的安裝包，就需要npm的協助。

1.render應該是一個純函數，它的意義在於每次給定相同的輸入，應該返回相同的輸出，不應該有修改state或者互動的行為，這些互動行為交給邏輯來做。 2.組件應該遵循最小化STATE原則，即儘可能讓大部分的組件是無狀態的，這樣做是為了降低複雜度，這些無狀態的組件唯一需要關心的就是渲染資料，他們的外層加一個有STATE的組件就可以了，這個外層組件處理事件和邏輯，修改STATE。而這些無狀態的子組件只要根據傳入的PROPS來渲染資料就好。

二、Data 需求 為 redux 提供資料來源，修改容易。 方案 plain object: 配合 combineReducer 已經可以滿足需求。 同時在組織 Store 的時候，層次不要太深，盡量保持在 2 - 3 層。如果層次深，可以考慮用 updeep 來輔助修改資料。 可選 immutable.js: 通過自訂的 api 來操作資料，需要額外的學習成本。不熟悉 immutable.js

react沒有像angular的$resource或者$http，或者是jquery的$ajax一樣的網路請求庫，該網路請求是作者自己封裝的，當然大家也可以根據自己需要改寫。 其中主要的內容有get，post，jsonp和file上傳幾種格式 請求樣本，裡面可能用到了我其他的封裝service，請忽略： HttpService.query({ url: '/api/active/follow', data: { extendKey:

react-native 滾動視圖點擊事件無法響應的情況:我的視圖情況是有個textinput在焦點狀態，點擊滾動視圖只是收合鍵盤.查詢http://wiki.jikexueyuan.com/project/react-native/scroll-view.html網址可知: keyboardShouldPersistTaps 布爾型 當為false時，當鍵盤向上摒棄鍵盤時，輕擊外部關注文本輸入。當為true時，滾動視圖不會抓取輕擊，鍵盤不會自動摒棄。預設值是

零:組件的樣式 /* 設定組件的樣式,3種: 1,內聯樣式 2,對象樣式 3,選取器樣式 注意:在React和HTML5中設定樣式時的書寫格式是有區別的 **1,HTML5以;結尾        React以,結尾 **2,HTML5中key,value都不加引號

1. 根據http://reactnative.cn/docs/0.48/getting-started.html 安裝環境 安裝完後遇到的問題：運行react-native run-android 啟動遇到不能找到assets檔案夾，找不到index.android.js檔案。。。。 根據此資訊搜尋到要添加assets檔案夾，然後運行一行命令就會在assets裡產生2個檔案，但最終還是沒解決我的問題。我的環境解決(react native version 0.50.3)步驟如下：

npm init —產生package.json檔案 安裝依賴 npm install –save react npm install –save react-dom npm install –save-dev webpack npm install –save-dev webpack-dev-server npm install –save-dev babel-core npm install

行動裝置 App往往受限於螢幕大小，而資料內容長度的不確定性，在很多地方都需要用列表組件來作為資料展示的容器。 對應於原生應用組件，它可能是iOS的TableView，也可能是Android的ListView，RecycleView。 這些組件都有一些共同的特點： 1、視圖可滾動。 2、可複用視圖模板。 3、視圖高度隨著資料內容長度的變化而彈性變化。 4、內建效能最佳化。

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。 PS:轉載請註明出處 作者:TigerChain 地址:http://www.jianshu.com/p/44a787904d9b 本文出自TigerChain簡書 React 教程系列 教程簡介 1、閱讀對象 本篇教程適合新手閱讀，老手直接略過 2、教程難度 初級 注:本篇文章採用ES6的寫法，以後不沒有特別說明都使用ES6+yarn+webpack去寫demo

React 組件(Component) 也是一種元素Element,只不過是粒度更大一些的、包含更多子項目。 通過React組件，把一些相關的元素組織起來，形成可以複用的、有多個成員的元素的組合。 舉例 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>React

Webpack+React+Typescript開發環境 Webpack FaceBook的Instagram團隊開發的一個前端打包工具，比起之前的一些前端自動化構建工具，比如Gulp和Grunt來說，Webpack是基於依賴來進行代碼整合的。也就是必須要有一個入口檔案，這個入口檔案中會引入其他的指令檔，之後webpack通過這些依賴關係將所有的檔案打包，並且可以自動產生sourcemap來方便調試。 dependence 目錄結構

npm 的聯合創始人兼首席運營官 Laurie Voss 近日發布了 2018 年的第一個 JavaScript 現狀報告，這一系列報告包含三部分，將會提供 JavaScript 發展趨勢和實踐的完整回顧。第一部分講述了 2017 前端架構的現狀，第二部分將講述 React 的生態系統，第三部分將對後端架構進行講述。目前，第二和第三部分尚未發布。 Laurie Voss 說，JavaScript 社區在程式設計語言史上以前所未有的速度增長著，npm 中的包也隨之增長。npm

本部落客要講述，react中父組件和子組件之間的交流，其中包括父組件和子組件的值的交流和函數方法的交流，即父組件如何如何傳值給子組件，父組件將方法傳給子組件，父組件如何調用子組件的方法。 本部落客要總結性的講述了再react中組件的交流方式，舉出具體代碼的可參考【React組件之間傳值】。 統一說明1、<FuZujian />代表父組件，2、<ZiZujian />代表子組件 （一）父組件通過state傳值給子組件，子組件通過props擷取父組件的傳遞值

在上篇文章《react-native 嘗鮮計劃－環境搭建》中講述了react－native 的環境搭建，並初始化了 react－native 的第一個項目。如果你已經完成了上一篇文章的學習，並且成功調試第一個 “hello world” 項目，你已成功地經邁出第一步，接下來的學習就會順利得多。在我成功調試出第一個項目之後，連蒙帶差的走讀了下原生代碼和 index.android.js 代碼，腦海裡有很多疑問，第一個疑問就是：react－native

本文主要介紹React Router定義路由之後如何傳值，有關React和React Router 的基礎請參考阮老師的部落格 註：本文樣本React Router版本為：3.0.2，使用前請注意檢查版本 一.props.params 官方例子使用React router定義路由時，我們可以給<Route>指定一個path，然後指定萬用字元可以攜帶參數到指定的path： 首先定義路由到UserPage頁面: import {

react-webpack 2 - 完整配置案例 源碼 webpack 開發跨域問題解決 react16 + react-router4 + webpack開發環境搭建 1.先定義一些配置常量 /webpack/config.js // 引入 node.js path 模組 const path = require('path'); // sass-loader 的 配置 exports.sassLoaderConfig =

轉載請註明出處：王亟亟的大牛之路 距離上一次提及React的內容差不多也快1年多了，然後這一年裡平胸而論覺得進步不多，然後最近因為業務需要然後都在做一些前端的工作。 然後以前都是從npm init一路自己擼到配置package.json到寫scripts那些，現在腳手架一行擼穿，還是感歎懶人的世界6666 老規矩開篇前先案例：https://github.com/ddwhan0123/Useful-Open-Source-Android （一篇前端文章貼安卓東西合適嗎。哈哈哈哈）

使用Facebook的create-react-app腳手架快速構建React開發環境（ant.design，redux......）  

需求： 通過編輯器產生的html被上傳到阿里雲的伺服器，但是這個html 需要嵌入到另外的一個網頁裡面。 環境 前端： react 後端： Java Java代碼 @RequestMapping(value = "/getHtml", method = RequestMethod.POST)@UnNeedAdminId@Unauthorizepublic Object getHtml(@RequestBody