GitHub:fay-react-redux-loadable
npm:@fay-react/react-redux-loadable
react&redux,针对react组件、reducer和sagas做了动态加载,code-spliting,写法简单,易于正式项目中使用
很久之前有写过一些关于code-spliting的一些例子,随着技术库的发展,这次整理一个项目中使用的code-spliting,并且整合了redux,目前时间节点下的react版本为16.9.0。之前有用过react-loadable,不过已经很久没有维护了,其实主要是因为react自己本身已经有了lazy的api,而且webpack的import(/* webpackChunkName: "test" */'./views')
方式已经很好的解决的code-spliting的问题,鉴于webpack和redux官方文档中的code-splitting的方式,我自己整合了一份,很久之前写的那份是针对于那个时候没有第三方库对react&redux项目的code-spliting方案。
代码在GitHub上,见标题下方的地址,使用方式非常简单,不需要你再去整合redux,同时也提供出了redux中间件的参数,方便加入类似于react-router之类的中间件,同时也提供了初始化reducer的参数,方便加入类似于react-router需要初始化的reducer
此库只是一个小小的整合,便于项目中使用,并非含有原创技术,如果喜欢建议拷贝过去成为自己的项目,希望喜欢这样的整合方式,有好的建议欢迎分享,共同进步