qiankun 作为一个相对成熟的微前端解决方案，目前社区活跃，开箱即用，并且提供较为完备的功能，比如样式隔离、JS 沙箱、预加载等

关于前端单元测试，其实两年前我就已经关注了，但那时候只是简单的知道断言，想着也不是太难的东西，项目中也没有用到，然后就想当然的认为自己就会了。 两年后的今天，部门要对以往的项目补加单元测试。真到了开始着手的时候，却懵了 😂 我以为的我以为却把自己给坑了，我发现自己对于前端单元…

使用过redux的同学都知道,redux作为react公共状态管理工具，配合react-redux可以很好的管理数据,派发更新，更新视图渲染的作用，那么对于 react-redux 是如何做到根据 state 的改变，而更新组件，促使视图渲染的呢，让我们一起来探讨一下，reac…

​ 年前年后比较闲，于是用React做了一个简单的lowcode平台，功能如上面动图所示。接下来按照完成功能点介绍下，主要包括： ​ lowcode平台挺常见的，目前网上做的比较成熟且通用的有兔展、易企秀、码卡、图司机等，但是为了个性化的设置，比如要访问本公司的数据库，很多公司…

这次的分享结合我在项目中使用 full hooks-based React Components 的一些经验，给大家介绍一些我所认为的 React Hooks 最佳实践。 首先还是简单回顾一下 React Hooks。 先看传统的 React Class-based Compo…

最近在开发业务项目的时候，产品小姐姐突然来到我身边，然后就对着电脑一顿操作，具体场景大致是这样的。 如上图所示，当在数万级别的数据中，选择一条，点击查看，跳转到当前数据的详情页，当点击按钮返回返回来，或者是浏览器前进后退等其他操作，返回到列表页的时候。要记录当前列表的位置。也就…

个人理解，单页面应用是使用一个html下，一次性加载js, css等资源，所有页面都在一个容器页面下，页面切换实质是组件的切换。 history 可以理解为react-router的核心，也是整个路由原理的核心，里面集成了popState,history.pushState等底…

最近有一个非常复杂的表单需求，可能需要对表单做“任何事情”，现有的 UI 组件库选用的是 Ant Design 简称 antd 。它的 Form 表单已经帮我们把“表单项校验”、“表单项错误信息”等常见操作全部封装好了。使用起来非常便捷。翻看了 antd Form 源码发现其核…

每次提及 Hook 时，只能说得出 useState 以及 useEffect 来。是得好好总结总结，全面认识 Hook 。 自定义 Hook ，常见 Hook 的实现。 React Hooks 的意思是，组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码"钩"进…