Calvin-Huang

// Reference from @github/fetch issue 175
// https://github.com/github/fetch/issues/175#issuecomment-125779262
function timeoutPromise(ms, promise) {
  return new Promise((resolve, reject) => {
    const timeoutId = setTimeout(() => {
      reject(new Error("promise timeout"))
    }, ms);
    promise.then(
      (res) => {
        clearTimeout(timeoutId);

Calvin-Huang

Facebook 設計相關文件

Facebook 在整合自家功能上存在一些公開原則，並且推出產品前會需要將完成的服務交給 Facebook 審核團隊檢查，這份文件將美術設計與產品設計者所需了解的資訊整理出來，協助參考流程與畫面設計。

Facebook 平台政策

• Icons 使用透明或有顏色的背景，如果 icon 需要白色背景，使用有顏色的邊界
• Banners 不可以包含圓邊或是邊界，不能包含第三方的 Logo。

Calvin-Huang

https://dhoerl.wordpress.com/2013/04/23/i-finally-figured-out-weakself-and-strongself/

Calvin-Huang

• GitHub - https://github.com/Calvin-Huang
• LinkedIn - https://www.linkedin.com/in/calvin-huang/
• StackOverflow - https://stackoverflow.com/users/5549119/calvin-huang

Calvin-Huang

var repos = [];
var bookmarks = [];
var page = 1;

const repoList = $
  .templates(
    'repo-list',
    { markup: '#repo-list', templates: { repo: $.templates('#repo') } },
  );

Calvin-Huang

store.subscribe(() => {
  const action = store.getState().lastAction;
  
  switch (action.type) {
    case START_REQUEST: {
      fetch('/api/v1/foo')
        .then(response => response.json())
        .then((data) => {
          store.dispatch(receive(data));
        })

Calvin-Huang

const middleware = (store) => {
  return next => action => {
    // Dispathcing action.
    const returnValue = next(action);
    // Action dispatched.
    
    const state = store.getState();
    
    switch (action.type) {
      case START_REQUEST: {

Calvin-Huang

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './reducers/index';

// Note: this API requires redux@>=3.1.0
const store = createStore(
  rootReducer,
  applyMiddleware(thunk)
);

Calvin-Huang

const pingEpic = action$ =>
  action$.filter(action => action.type === 'PING')
    .mapTo({ type: 'PONG' });

// later...
dispatch({ type: 'PING' });

Calvin-Huang

import { call, put } from 'redux-saga/effects'

export function* fetchData(action) {
   try {
      const data = yield call(Api.fetchUser, action.payload.url)
      yield put({type: "FETCH_SUCCEEDED", data})
   } catch (error) {
      yield put({type: "FETCH_FAILED", error})
   }
}