React热替换功能初体验,提高开发效率,用起来很爽

每次修改一个代码页面都要重新刷新,这会造成一个很不爽的问题,程序会丢失状态,当然在简单的程序中这个完全无所谓,但是假如程序变得越来越复杂,想要返回这种状态你可能又要经历一系列的点击等操作,会耗费一些时间。

webpack+react的项目中,如果加上模块热替换的功能,就可以在改动某处文件之后保存,页面上直接显示出改动的效果,不用刷新,非常方便。

热替换功能,以前使用的是react-hot-loader,但是该作者已经发布声明,不再维护这个项目了,现在有一个比react-hot-loader更加强大的叫做React Transform的东西来代替它,配置起来也是很简单的~

配置不是很难,可以参考一下源码:https://github.com/bailicangd...

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...