韩国某著名男子天团之前在我们平台上架了一张重磅数字专辑，本来是一件喜大普奔的好事，结果上架后投诉蜂拥而至。部分用户反馈页面打开就崩溃，紧急排查后发现真凶就是下面这段代码。 这行 if (obj.expertTags && creator.expertTags.length ) …

React Developer Tools、Redux DevTools 可以给开发人员在研发阶段调试程序带来极大的方便。 但是，很多人忽略了一点：上了生产环境后，把一些代码细节轻易让外部人员获取，并不是好事。 在此基础上，遍历所有window.__REACT_DEVTOOLS…

大家好，我是神三元，这一次，让我们来以React为例，把服务端渲染(Server Side Render，简称“SSR”)学个明明白白。 这一部分来简要实现一个React组件的SSR。 一. SSR vs CSR 废话不多说，直接起一个express服务器。 启动之后打开loc…

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 我们对十万条记录进行循环操作，JS的运行时间为187ms，还是蛮快的，但是最终渲染完成…

如果你了解我，你就已经知道我不编写没有类型定义的javascript代码，所以我从0.9版本后，就非常喜欢TypeScript了。除了有类型的JS，我也非常喜欢React库，所以当把React和Typescript 结合在一起后，对我来说就像置身天堂一样:)。整个应用程序和虚拟…

Git blog地址： https://github.com/asd0102433/blog/blob/master/%E5%89%8D%E7%AB%AF/file_structure_for_react.md喜欢的同学star支持一下，长期更新 项目的结构改过很多次，每次根据…

为了保证的可读性，本文采用意译而非直译。 下列工具中的重要性与排序无关。 有没有想过你的应用程序的哪些包或哪部分代码所占总大小的多少? Webpack Bundle Analyzer可以帮助咱们分析。 Webpack Bundle Analyzer创建一个实时服务器，并提供依赖…

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

现在大部分 react 项目都是基于 create-react-app 初始化的，对于普通的项目，使用默认的 webpack 配置完全够用。今天讲讲 create-react-app 的使用技巧和源码分析。 代码写多了会发现 webpack 每次启动都很慢，可以通过删除配置、添…