react-loadable已经好久没维护了，而且跟最新的webpack4+，还有babel7+都不兼容，还会有Deprecation Warning，如果你使用koa-web-kitv2.8及之前的版本的话，webpack build的时候会出现warning，而且可能还有一…

随着前端系统的越发复杂，前端的性能也受到越来越多的重视。Google也不断在推进新的性能相关指标，从原先的Performance API中的指标逐步演进成用户性能体验相关的指标。 对于用户而言，First Paint、First Meaningful Paint和TTI这几个指…

是指将单页应用（SPA）在服务器端渲染成 HTML 片段，发送到浏览器，然后交由浏览器为其绑定状态与事件，成为完全可交互页面的过程。（PS：本文中的 SSR 内容都是围绕同构应用来讲的） 更快的首屏加载速度：无需等待 JavaScript 完成下载且执行才显示内容，更快速地看到…

抛弃完全多余的 hydration ，让你的SSR应用性能突破天际。今天我们来聊聊一种全新的服务端渲染思路，一起来看看号称世界上第一个SSR框架：qwik。

最近被公司安排分享一些主题，思来想去，觉得还是想分享关于 JavaScript 竞态相关的知识。于是总结成此文。 这篇博客的目标主要以图例的方式带大家了解 JavaScript 并发与竞态，如有疏漏，欢迎大家指正。 以下正文。 经验较为丰富的开发者，可能会感触于异步代码的确较比…

本文总结自笔者的开发经验以及 Martin Fowler 的《重构，改善既有代码设计》读书体会，希望能帮助更多的开发者了解重构，重构并不是想象中的重活，它也可以很简单。

​| 导语 竞态条件一词翻译自英语 "race conditions"。当我们在开发前端 web 时，最常见的逻辑就是从后台服务器获取并处理数据然后渲染到浏览器页面上，过程中有不少的细节需要注意，其中

如果写了大量的 `if` 分支，并且可能还具有**分支套分支**，可以想象到整个代码的可读性和可维护都会大大降低，这在实际开发中，确实是一个比较头疼的问题，那有没有什么办法能够即实现需求又能避免...

在编写一个react组件前，我们一定要弄清两件事。 UI：组件的具体展示元素，通俗点就是组件的长相。接受到合理的数据就可以展示出一个合格的组件。 业务逻辑：获取数据、发送请求等等有比较明确的独特业务的逻辑。 在编写react组件的时候，经常会出现业务逻辑相似，UI基本相同的组件…