CoyPan

现在的前端应用很多都是单页应用。路由对于单页应用来说，是一个重要的组成部分。本系列文章将讲解前端路由的实现原理。这是系列文章的第三篇：React-Router源码解析。 我们用官方最简单的代码示例来分析一下React-Router的源码。 下面依次对 BrowserRouter…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 大家好，我是阿里云业务中台前端团队的城池，目前负责阿里云核心的官网、营销、售卖、商业化、销售等整个端到端业务流程。 今天的主题是：如何做职业规划，当拿到这…

深入了Hook的源码。本文将以useState和useEffect为主，总结一下Hook的相关内容， 组件首次挂载的时候，依次执行四行useXXX的代码，生成4个hook对象，按照顺序形成完整的hook链，挂载在Fiber对象的memorizedState属性上。hook对象上…

mount阶段对应第一次渲染初始化时候调用的hooks方法,分别对应了mountState,mountEffect,mountReducer, mountLayoutEffect以及其他hooks。 在第一次mount阶段时，会调用mountWorkInProgressHook…

主要分析了Hook在React中是如何保存的，以及Hook的更新过程。本文中，我们将通过下面两个问题，继续深入研究Hook，以弥补上文中略过的一些细节。 我们点击一次button，最终页面上会输出多少呢？熟悉React的朋友们，很快就会得到答案：3。 在上一篇源码解析中，这部分…

我React团队工作的这段时间，很幸运能够看见 Jordan、Sebastian、Sophie 和其他团队成员是如何解决问题的。在本文中，我会把从他们身上学到的，浓缩为一篇较高层次的技术准则。这些准则未必详细。它们都是我对React团队的观察和整理 —— 其他团队成员或许有其他…

在本章中，我们将介绍用于ECMAScript和WebAssembly的V8引擎的内存管理，这些引擎用于NodeJS、Deno&Electron等运行时，以及Chrome、Chromium、Brave、Opera和Microsoft Edge等web浏览器。由于JavaScrip…

React Hook已经正式发布了一段时间了。我在项目中也进行过尝试，一个很直观的感受：写起来很爽。但是一直没有深入了解过其实现原理。本文将尝试从源码层面，了解React hooks的原理。本文所指的React版本为：v16.12.0 Hook 是 React 16.8 的新增…

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)