当前在做的React项目，渐渐显现了API使用乱象，于是开启了治理之路。这里记录下其中的前因后果。 治理前背景：项目中API请求数达到100+之多。 举个例子，比如有这样两个API文件，user-api.ts,setting-api.ts ...export const getUserList ...
TypeScript中的interface vs Type
做TS项目，经常会用到interface，和type。一般类型定义我会使用interface,而简单且是约束值的会使用type，比如type username='bob'|'kelly',另外我会通过tslint配置中的Use an interface instea ...
Intellij IDEA常用插件
Jetbrains系列产品大行其道，原因是用起来确实高效。从本身IDE的功能强大，到快捷键的丰富支持，再到插件生态的丰富等等。一切铸就了它无愧是当前最强IDE。 这里列出我在用的几款插件 Plugins JRebel for intellij 喜欢这个插件的原因是在开发Spring应用时候，可 ...
React调试-插件篇
React组件调试，除了万能油console之外，可以利用react-devtools及Redux DevTools辅助工具。因为Team总会来新人，为了快速入门，这里小结一番。 插件安装需要上Chrome商店，如果还不会科学上网，上不了谷歌。我的天，恳请您换职业。当然，b本着人道主义关怀，还 ...
一键连接Cisco AnyConnect Secure Mobility Client
因为最近众所周知的原因，上不了外网了，so开始使用公司VPN，但是公司VPN连接起来总是很费时间。步骤繁琐，于是考虑如何解决。 公司的一封邮件给了很大的帮助，测试成功，这里我也总结一番。 繁琐的启动步骤 启动Cisco AnyConnect Secure Mobility Client 输入账户 ...
Redux-Thunk源码阅读
redux-thunk是redux解决异步的中间件。 举个例子，我们需要fetchUser拿到用户信息，然后存到redux中。如果没有thunk，我们需要在组件中fetchUser.then，然后dispatch一个action存到redux中，假如这个操作有多处需要，那么fetchUser.th ...
前端tree shaking
单页应用带来更流畅的前端体验，同时也带来了一些麻烦，比如SEO，又比如日益严重的体积问题。当然办法总比困难多，tree shaking便是优化体积问题的办法之一 上概念采用tree shaking之前，先搞明白它是什么。 Tree shaking is a term commonly use ...
Chrome日常使用插件梳理
之前梳理过，自己常用的APP，常用的硬件。这次梳理下Chrome日常使用的插件，并且分享点自己的使用心得。 对于我所使用的插件，大致可以分为两类。 日常使用 1PasswordX -Password Manager 配合1Password Mac，iPhone多端App使用,平时就是快捷键唤 ...
React项目单元测试
上篇文章简单介绍了Jest配置,通过简单的配置达到可以跑测试。这篇文章聚焦如何进行React项目的测试，侧重点有所不同。 项目技术栈因为是个通用UI组件库，所以不牵扯redux,api等。整体技术栈比较简单 React TypeScript Antd Less react-intl 测试目标 ...
Jest单元测试配置
最近在做公司级UI组件库，对于测试这块，决定继续沿用Jest。因为追求简单，果断舍弃拷贝粘贴这个捷径，从零开始进行配置。这里Mark下。 上概念玩之前，先了解下Jest是干嘛的 Jest is a delightful JavaScript Testing Framework with a ...