枣仁

分享最近学习react源码的经历 写在前面：最近一段时间在学习React源码，写这篇文章的目的有二： 分享自己学习的经历，希望之后有相关学习需求的同学有址可寻，少走弯路。 将学习到的内容转化为文字输出

与传统的web项目直接获取服务端渲染好的HTML不同，单页面应用使用JavaScript在脚本客户端生成HTML来呈现内容，用户需要等待JS解析执行完成后才能看到页面，这就使得白屏加载时间变长，影响用户体验。 对于单页面应用，当搜索引擎的爬虫爬取网站HTMl文件时，通常情况下单…

Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情： 强烈建议通过the-super-tiny-compiler…

虽为一名菜鸟程序员，但是也有读源码的心。由于最近在看Redux，并且Redux的代码量也比较少，遂鼓起勇气，准备一试。 Redux的设计思想很大程度上来源于Flux架构，我们可以认为Redux是Flux的一种实现形式。 Flux并不是一个具体的框架，是由FaceBook技术团队…

在之前的几章里面，我们介绍了webpack的打包编译功能。能通过loader、plugin机制帮助我们构建代码。虽然构建代码很大程度上便利了我们的生产环境，但是我们实际的代码和我们开发的代码会有很大的差异，当出现错误的时候，我们很难直接定位到源代码中对应的位置。 而Souce …

webpack-dev-server 是 Webpack 官方推出的一款开发工具，根据它的名字我们就应该知道，它提供了一个开发服务器，并且将自动编译和自动刷新浏览器等一系列对开发友好的功能全部集成在了一起。 可能大家都听说过'热更新'这个词，在使用Vue或React官方提供的脚…

事情是这样的，之前做毕设的时候做了个项目。这个项目是用React的做的，但没有使用官方的cli工具，经过自己的一顿折腾搭建起来的。项目上线后，体积太大，导致首次加载需要8s之久！！成了我一块心病，于是准备重新学习一下webpack，找个机会把这个项目的打包做一个优化。 之前也对…

其实也不奇怪，我们可以看到我们的MyComponent这个类型最后通过createElement去创建的时候是传了一个函数对象，原生的API肯定是不支持的。 所以我们顺着这个思路，写一个能被createElement识别的基类Component，然后我们所有自定义的Compon…

由于我们的目的是实现一个简易的React,为了能把更多的重心花在React上，我们需要借助一些工具来帮助我们处理一些React之外的问题。 @babel/preset-env： babel 内部经历了「解析 - 转换 - 生成」三个步骤。而 @babel/core 这个库则负责…