其实对于开发来说没区别，但是项目庞大以后，一个路由对应一个js文件，但是如果页面很复杂其实不是这个React组件也会很复杂，不是很符合组件化理念，后期也不好维护啊。而且，肯定要加redux的，这样的话就更加混乱了。所以现在趁着还清醒，赶快重新构建一下~ 我其实是想边学Next.…

闲话不多说,直入主题,有兴趣的可以瞧瞧,没兴趣的止步,节约您的时间. 翻了一些Stack Overflow上的问答和文档,发现还是有的. 因为用了mobx,实在不想用高阶函数的写法(一堆括号)。 我是直接配置babelrc的. 跟随最新babel 7,装上这个依赖即可支持 看到…

一如既往,实战出真理，有兴趣的可以瞧瞧,没兴趣的大佬请止步于此。 公司最近打算重构整个后台管理系统，把老的两个系统整合在一起。 说做就做,用最新的webpack4 搭了个架子,开始折腾(因为比较新,更新依赖很容易出问题)。 等项目完毕再把脚手架放出来,估计webpack5都出来…

一、关于上手。 1. 关于ant design Pro的介绍，自己看官网，大致上可以理解为ant design（组件库） + ant design Pro （完整的项目）+ dva（路由+数据流管理）的组合拳。总之这个Pro是一个已经帮你打通了从搭建到测试打包发布的一整套完整的…

想象有这样的一个场景，类似资料卡的东东，需要在页面中展示头像和用户的名称。 姓名在右，字号16px，垂直居中。 此时，我们完成了需求，一切都没有什么不对的，但是一个很现实的问题。 不会有这么简单的页面存在的，就算简洁如 Google 首页，也用到了400左右的DOM元素。 很难…

左(上)边是Omi，右(下)边是 React，Omi 使用 Shadow DOM 隔离样式和语义化结构。 点击这里看执行结果。 Cli 自动创建的项目脚手架是基于单页的 create-react-app 改造成多页的，有配置方面的问题可以查看 create-react-app …

React 16.6 的新发布带来了一些只需很小努力就能给React组件对增加了很多力量的新特性。 其中有两个是 React.Suspense 和 React.lazy(), 这个很容易用在代码分割和懒加载上。 这篇文章关注在如何在 React 应用中使用两个新特性和他们给 R…

个人对于脚手架的UI有一种执念，如果搭建出来就是一个首页＋a标签跳转，实在不是我这个处女座的风格，因此第二步我就想引用UI框架 —— ant-design，相信很多使用react的开发者用的也都是这个UI框架吧。因为以前自己在配制的时候也经常采坑，所以还是在这里记录一下~ 既然…

但是感觉mobx没有想象中的好用,看到umi 2.x了，就着手又开始重构了。 此篇文章是我针对我们的搜索条件抽离的一个组件,仅供参考。 为了降低复杂度,子组件不考虑dva来维护状态,纯靠props和state构建,然后统一把构建的表单数据向父级暴露..