原创 React 代碼分隔

代碼分隔 我們現在大多數React項目都是以Webpack 或者 Browserify等將一堆的jsx文件組織一起，並且由一個類似index.js的入口文件串聯起來的單頁面web頁面。 例如： // math.js export funct

2018-12-11 11:12:44

原创 React手稿之State Hooks of Hooks

React Hooks React在16.7.0-alpha.0版本中提到了Hooks的概念，目前還是Proposal階段。 官方也陳述，接下來的90%的工作會投入到React Hooks中。 從目前官方的文檔可以看出，Hooks從以下四個

2018-12-05 10:04:57

原创 React手稿 - Context

Context Context提供了除props之外的傳參數的方式。 Context是全局跨組件傳遞數據的。 API React.createContext const {Provider, Consumer} = React.crea

2018-11-20 09:46:31

原创 React手稿之類型檢查

Typechecking With PropTypes 類型檢查是爲了確保傳入組件的參數正確性。 通常在項目中可以使用Flow或者TypeScript來實現。 React提供了PropTypes來檢查類型。 示例： import PropT

2018-11-16 16:25:07

原创 React手稿之高階組件

Higher-Order Components HOC 不是React的標準API。 HOC 是一個函數。 HOC 返回一個Component。 示例： const EnhancedComponent = higherOrderComp

2018-11-15 09:15:02 1

原创 React手稿之 React-Saga的詳解

這篇文章主要介紹了React手稿之 React-Saga的詳解，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 Redux-Saga redux-saga 是一個用於管理應用程序副作用

2018-11-14 02:05:36

原创 React手稿之 React-Saga

Redux-Saga redux-saga 是一個用於管理應用程序副作用（例如異步獲取數據，訪問瀏覽器緩存等）的javascript庫，它的目標是讓副作用管理更容易，執行更高效，測試更簡單，處理故障更容易。 redux-saga相當於一個放

2018-11-12 09:44:23

原创 React手稿之 React-Redux

React-Redux Redux Action function addTodo(text) { return { type: ADD_TODO, text } } type 屬性是必須的。 Reducer

2018-11-09 09:24:30

原创 React 手稿 - Component state

Component state 實例： import React, { PureComponent } from 'react'; export default class extends PureComponent { constr

2018-11-08 10:44:24

原创 React16.3.0以後的生命週期 - 更新、卸載、異常

組件更新 static getDerivedStateFromProps() 當本地state需要根據props來改變的時候可調用此方法。 這個方法是在render()前會被執行，只要執行render()都會被在之前被觸發。 該方法有兩

2018-11-07 14:44:11

原创 React16.3.0以後的生命週期 - 組件加載

組件加載 當組件被實例化並且插入Dom時所執行的方法，也會按照下的順序依次執行。 constructor() 構造方法。 這個方法有兩個目的： 初始化一個本地state。 this.state = {color: 'red'}; 要

2018-11-07 13:14:25

原创 React.memo

介紹React.memo之前，先了解一下React.Component和React.PureComponent。 React.Component React.Component是基於ES6 class的React組件。 React允許定義一

2018-11-07 12:04:20

原创 如何在Ubuntu 14.04上使用Sandstorm安全地運行流星應用程序

介紹Meteor是一個JavaScript框架，允許Web開發人員編寫一次JavaScript代碼並在客戶端和服務器端重用它。本教程介紹了部署Meteor應用程序的不同方法：創建和運行Sandstorm軟件包。Sandstorm是個人服務器

2018-10-12 18:27:58 14

原创 如何在CentOS 7上安裝Graylog 1.x.

在本教程中，我們將介紹如何在CentOS 7上安裝Graylog v1.3.x（有時稱爲Graylog2），並將其配置爲在集中位置收集系統的syslog。Graylog是一個功能強大的日誌管理和分析工具，具有許多用例，從監控SSH登錄和異常

2018-10-09 17:38:01 10

原创 如何在Ubuntu 14.04上使用Python3安裝和配置Riak2

介紹Riak是一個noSQL非關係數據存儲區，專注於分佈式數據庫架構。使用最新的Riak 2.1.1版本，可以使所有數據保持一致，其中數據在檢索時是最新的，而不是最終一致的，其中數據更易於訪問但不是最新的。Riak是一系列鍵值noSQL實現

2018-09-30 10:43:03 2