extract-hoc

A Babel plugin that enables react-hot-loader to work on HoCs.

Extract HoC

A Babel plugin that enables react-hot-loader to work on HoCs.

Why this plugin needs to exist

react-hot-loader won't work if you put the component as an argument in functions (to create a higher order component).

See more at this issue: https://github.com/gaearon/react-hot-loader/issues/650

Installation

$ npm install extract-hoc

In the .babelrc, add extract-hoc/babel before the react-hot-loader/babel:

{
  "plugins": [
    "extract-hoc/babel",
    "react-hot-loader/babel"
  ]
}

License

MIT

HomePage

https://github.com/quangbuule/extract-hoc#readme

Repository

https+https://github.com/quangbuule/extract-hoc


上一篇:@powr/plugin
下一篇:使用jsencrypt加密和解密进行不对称加密

相关推荐

  • 高阶组件HOC - 小试牛刀

    1. 前言 老毕曾经有过一句名言,叫作“国庆七天乐,Coding最快乐~”。所以在这漫漫七天长假,手痒了怎么办?于是乎,就有了接下来的内容。。。 2. 一个中心 今天要分享的内容有关高阶组件的使用。

    2 年前
  • 面试官: 聊一聊 HOC、Render props、Hooks

    在以前我们可能会看到很多文章在分析 HOC 和 render props, 但是在 2020 年 ,我们有了新欢 “hook” . 本篇文章会分析 hook , render props 和 HOC ...

    7 个月前
  • 如何使用 extract-text-webpack-plugin 导出多个文件

    最近写 Vue 遇到了问题,来自于这里 自定义块; 简单来说,我想和官方教程一样,在 .vue 文件中包含一个 docs 的标签,像下面这样: component.vue <docs> #...

    3 年前
  • 奇技淫巧 - Vue Mixins 高级组件 与 Vue HOC 高阶组件 实践

    在项目里,我们经常会使用组件库进行快速开发,然而在过程中,又难免会遇到对组件库的改造和拓展,如何优雅且简单的进行重构,下面让我们从一个简单需求来探索组件的奇技淫巧--Mixins和HOC 项目中使...

    2 年前
  • 前端实现曝光埋点方案 - react hoc + Intersection Observer

    埋点方案介绍 首先曝光埋点是指记录某个商品(dom元素)出现在指定视图下的频率,平台可通过大数据分析出用户的习惯,从而达到增加用户的购买力的效果。 dom滑动至可视区域,印入脑海的第一种方案是监听滚动...

    6 个月前
  • 写给自己的React HOC(高阶组件)手册

    前言 HOC(高阶组件)是React中的一种组织代码的手段,而不是一个API. 这种设计模式可以复用在React组件中的代码与逻辑,因为一般来讲React组件比较容易复用渲染函数, 也就是主要负责HT...

    1 年前
  • 使用Vue的HOC技术开发一个无限加载列表

    前言 在web开发上,我们都对数据采用分页加载的机制,一种变形就是在页面采用循环加载的机制,拉到页面最下方有个加载更多的按钮。问题在于,当不同的数据要展示时,就要写很多这种列表,但是其中的逻辑都是相似...

    2 年前
  • 【升级webpack4】mini-css-extract-plugin 替换 extract-text-webpack-plugin

    负责的项目webpack的版本是3,最近在学习(折腾)webpack,看了官网的升级指南(webpack.js.org/migrate/4/#…)后,就开始对项目的webpack进行升级 首当其冲的问...

    19 天前
  • 【React深入】从Mixin到HOC再到Hook

    导读 前端发展速度非常之快,页面和组件变得越来越复杂,如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分,这直接关系着应用程序的质量以及维护的难易程度。 本文介绍了React采用的三种实现状态逻...

    2 年前
  • webpack ExtractTextWebpackPlugin

    Extract text from a bundle, or bundles, into a separate file. 安装 npm install --save-dev extract-t...

    7 个月前

官方社区

扫码加入 JavaScript 社区