南小北

Instagram 创始人斯特罗姆喜欢打碟、摄影、威士忌，2005 年的时候，大三的他和扎克伯格吃饭，扎克伯格邀请他去 Facebook 实习。是的，2005 年的 Facebook。然后他选择了 —— 去意大利佛罗拉萨留学一年，学习摄影。 斯特罗姆回到美国后，22 岁的他选择…

1. 为啥这么干？ 2. 举个栗子 这时，我们希望对 ThemeInput 组件添加 JSDoc，从而获得编辑器自动提示。 而 ThemeInput 除了自定义的 theme 外，其它属性全部来自 antd Input 组件的已有属性。 3. 解决方案 经过我的努力摸索（这个真…

有很多关于 React 性能优化的文章。通常，如果 state 更新慢，你需要： 验证你运行的是 production 版本。（development 版本有意降速了，极端情况下可能相差一个数量级。） 验证你没有将 state 放在比所需更高的位置。（例如，将 input st…

Hooks 确实有「坑」，比如 deps 补全，虽编辑器提醒，但有兽新加逻辑害会忘，而且 deps 一多，代码就一坨。 「deps 多了可以拆分逻辑鸭，这是 Hooks 附带的一个优点，帮你更好的组织代码」—— 这马上陷入另一个麻烦，逻辑拆越细，代码就越「散」越「长」，一眼看过…

1. 2020 年，一切偶然。 2020，原本惯性向前的世界，被一场疫情彻底改变。 很多人可能 5 年后才会理解的小程序，在 1 年内就通过各种扫码熟悉了。 突变总能打破原定路径，造出不同的机遇。 2. 微信生态到底是什么？ 其实拼多多和社区团购，都是基于微信生态。 微信生态，…

开发 React + React Router 项目时，想实现一个路由跳转时、滑动切换路由页面的效果。 提着两把西瓜刀从 GitHub 一路砍到 Stack Overflow，楞是没找到一个简单易用的解决方案。 其实 react-transition-group 是一个提供基础…

它在 Material Design 中叫 Floating Label，即考虑了美观，又考虑了提示的明确性。 Ant Plus 是 Ant Design 表单系统的简化版，可以让你以最符合 html 直觉的方式来搭建表单。 因为在 Ant Design 之上渐进增强，不进行任…

我想分享一个关于如何重新设计产品的案例，对 Chameleon 的重新设计。 在去年冬天的时候，我做了一个关于优化 Chameleon 体验优化的分享。今年 2 月到 3 月间，我投入了全新 Chameleon 官网的开发，一个人负责 UI 设计与项目开发，并于 3 月开发完毕…

我们有时会遇到上传图片前先进行裁切的需求，比如更换头像，Ant Desgin Upload 组件没有提供裁切功能，antd-img-crop 的出现，就是这样专门来应付这样的场景。 使用起来非常简单，直接对 Upload 包裹一下就行。