网上有很多关于 React 生命周期的文章，我也看了不少，为了梳理并加深我对此的理解，所以决定写这篇文章。本文主要梳理目前最新的 V16.4 的生命周期函数。现在 React 最新版本是 16.13，但是生命周期最新版本是 16.4，之后版本的生命周期没有过改动了，本文不涉及 …

众所周知， create-react-app(以下称为CRA)是 FaceBook 开源的 创建 React 现代Web应用程序应用的脚手架，让我们可以快速和专注项目的开发而不用过多的去关心工具和服务的配置，在一些场景中还是需要另外的加入或者修改 CRA 中的配置，在 CRA …

React 是 Facebook 开发的构建用户界面的类库. 它从设计之初就将性能作为重点,在使用时更是可以采取一些策略然后我们网站性能更加优化，以下是我平时用到的一些优化方式，希望可以帮助到大家！ Code Splitting 可以帮你“懒加载”代码，如果你没办法直接减少应用…

本文为 Marno 原创，转载必须保留出处！ 公众号 aMarno，关注后回复 RN 加入交流群 React Native 优秀开源项目大全：http://www.marno.cn 一、前言 先更正下，不然又有人要出来打假了。标题说是 50 个，但其实目前只有 43 个。那为啥…

Web Workers API：Worker 构造函数及如何观察 Dedicated Worker 等。 下面我们开始步入正题，为了让大家能够更好地理解和掌握 Web Workers，在正式介绍 Web Workers 之前，我们先来介绍一些与 Web Workers 相关的基…

进入前端工作也有一些时间了，我们的前端开发也从必须经过千千万万的配置到执行某某一切就可以开始工作了。 我想每个人接触到create-react-app的时候都是惊讶的，原来开始一个应用可以这么简单。 我曾经写过好几页的wiki，上面写满了各种编码规范，甚至常见的情况似乎是通过会…

一. Hooks 为什么只能写在 FCComponent 内 ? React 怎么知道的 ? 二. React useState如何在没有 Key 的情况下只通过初始值来判断读写的是哪个 State ? 不得不说这个重要的细节, 官方却给了个模棱两可的答案. 跟 State 一…

一周的砖又快搬完了，又到了开心快乐的总结时间~这两周一直在 hook 函数的“坑”里，久久不能自拔。应该也不能叫做“坑”吧，还是自己太菜了，看文档不仔细，很多以为不重要，但在实际应用中却很关键的点总是被自己忽略。所以我准备多花点时间，把官网的一些 hook 函数，再回过头看一遍…

最近工作中需要制作一个图片预览的插件，在参考了很多产品（掘金、知乎、简书、石墨等）的图片预览之后，最终还是觉得石墨的比较符合我们的产品需求。 本来以为能在社区中找到相关插件，但想法美好，现实却很骨感，于是便决定自己手撸一个，顺便也学习一下组件的开发流程。 项目最终的实现效果如下…