PowerPlug

PowerPlug精品文章

• 

  精读《React PowerPlug 源码》

  1. 引言 React PowerPlug 是利用 render props 进行更好状态管理的工具库。 React 项目中，一般一个文件就是一个类，状态最细粒度就是文件的粒度。然而文件粒度并非状态管理最合适的粒度，所以有了 Redux 之类的全局状态库。 同样...

  teren 2019-08-23 15:27 评论0 收藏0
• 

  精读《Epitath 源码 - renderProps 新用法》

  ...帮助减少对当前组件 state 的依赖。 RenderProps 的概念 react-powerplug 就是一个 renderProps 工具库，我们看看可以做些什么： {({ on, toggle }) => } Toggle 就是一个 renderProps 组件，它可以帮助控制受控组件。比如仅仅利用 Toggle，我们可以...

  Magicer 2019-08-23 12:20 评论0 收藏0
• 

  精读《怎么用 React Hooks 造轮子》

  ...们看看其他库如何做改造。 RenderProps to Hooks 这里拿 react-powerplug 举例。 比如有一个 renderProps 库，希望改造成 Hooks 的用法： import { Toggle } from react-powerplug function App() { return ( {({ on, toggle }) => ( ...

  Shihira 2019-08-26 13:22 评论0 收藏0
• 

  React组件设计模式-Render-props

  ...件渲染的是组件)，就为利用compose提供了机会。例如react-powerplugin。 import { compose } from react-powerplug const ComposeComponent = compose( , ) {props => { ; }} 还有Epitath也提供了一种新模式来解决这个问题。这部分展开来说的话是另.....

  or0fun 2019-08-23 18:00 评论0 收藏0
• 

  精读《源码学习》

  ...nderProps 新用法》 精读《Htm - Hyperscript 源码》 精读《React PowerPlug 源码》 精读《syntax-parser 源码》 精读《react-easy-state 源码》 精读《Inject Instance 源码》 笔者自己的感悟是，度过大量源码的程序员有以下几个特质： 思考具有系...

  aboutU 2019-08-26 10:15 评论0 收藏0