2019.06.17

[文章] Recompose 是一个 React 实用库,用于函数组件和高阶组件。把它想象成 React 的 lodash:https://www.jianshu.com/p/7f619be29e52

[类库] 一个集成了下拉刷新、上拉加载、无限滚动加载的 Vue 组件:https://github.com/stackjie/vue-pull-to/blob/master/README.zh-CN.md

[类库] Swell 是专门为手机浏览器设计的 Web Terminal 工具,自带键盘,可扩展为命令联想功能:https://github.com/wcchoi/swell.sh

[资源] 《前端架构:从入门到微前端》:https://github.com/phodal/aofe.images

配图 - vue-pull-to

配图 - Swell

配图 - 从入门到微前端

示例 - Recompose

const counterReducer = (count, action) => {
  switch (action.type) {
  case INCREMENT:
    return count + 1
  case DECREMENT:
    return count - 1
  default:
    return count
  }
}

const enhance = withReducer('counter', 'dispatch', counterReducer, 0)
const Counter = enhance(({ counter, dispatch }) =>
  <div>
    Count: {counter}
    <button onClick={() => dispatch({ type: INCREMENT })}>Increment</button>
    <button onClick={() => dispatch({ type: DECREMENT })}>Decrement</button>
  </div>
)

今日图 - 一个简短的项目背后