本次分享对象为 React/Vue 出来之后的新一代前端开发者，在造轮子时代已经过去、国内前端环境很卷的情况下，前端工程师的成长路径相比之前要难不少，在这些困境下，分享如何以一种新的方式破局

⚠️1.1万长文⚠️ React源码并非洪水猛兽，知道方法，就可以很轻易地驯服它(=^▽^=)。文章基于最新的React源码进行调试及阅读，将以通俗的形式揭秘React

React 是当今最受欢迎的 JavaScript 框架之一，它的创新就是引入了虚拟 DOM 技术，但很多现代框架已经不再采用这种方案。Svelte 的创建者 Rich Harris 曾将其称作纯粹的

useState的更新写法某些情况下过于繁琐，新文档介绍的use-inner虽然可以稍微补足，但是还不够丝滑，本文将介绍一种类似Vue的reactive的写法，写起来十分丝滑，也更符合编程直觉。

grid布局能够以最简单的DOM结构实现复杂的布局，也可以让我们不必改变结构的情况下更灵活的扩展布局，相对于flex更加灵活，非常强大，现在让我们一起学习下吧。 什么是grid？ grid即网格，是一

本文主要讲解了JSX是什么以及它在Babel中的转换过程。文章还阐述了React 17之前的createElement方法和React 17之后jsx方法的实现，以及ReactElement方法的定义

壹 ❀ 引 本文属于我在公司的一篇技术分享文章，它在我之前 React性能优化，六个小技巧教你减少组件无效渲染一文的基础上进行了拓展，增加了工具篇以及部分更详细的解释，所以内容上会存在部分重复，以下是