在上一篇文章记一次基于react、cra2、typescript的pwa项目由开发到部署（一）中，我们了解到了create-react-app 给我们提供了哪些pwa支持，也了解到了有哪些不足。虽然create-react-app会帮我们自动生成一个service-worker…

rako是一个声明式、可预测、可拓展、高内聚、简单且强大的JavaScript状态容器。 rako的设计源于最简单的OOP编程，虽然简单但是极具表现力。 与直接定义profile特别相似，只不过用了一个function包裹了profile,更新使用了传入的参数update，但是…

在上文介绍过控制反转之后，本来打算写篇文章介绍下控制反转的常见模式-依赖注入。在翻看资料的时候，发现了一篇好文Dependency injection in JavaScript，就不自己折腾了，结合自己理解翻译一下，好文共赏。 我喜欢引用这样一句话‘编程是对复杂性的管理’。可…

本系列文章基于 React v16.8.6，每周分享2-3篇精华文章，每篇文章都是 React 中的一个关键点。欢迎评论交流。 从编译后的代码可以看到，需要有一个 React对象，JSX 编译之后就是用的 React.createElement 来创建 render 树，所以 …

Scott 近两年无论是面试还是线下线上的技术分享，遇到许许多多前端同学，由于团队原因，个人原因，职业成长，技术方向，甚至家庭等等原因，在理想国与现实之间，在放弃与坚守之间，摇摆不停，心酸硬抗，大家可以找我聊聊南聊聊北，对工程师的宿命有更多的了解，有更多的看见与听见，Scott…

近期和一些朋友聊到了 React-Native 的官方重构状态，而刚好近期发布的 0.59.x 系列版本中，上层设计出现了比较大的调整，结合体验之后的状态，就想聊聊 React-Native 的现状、新版本的升级体验、还有新支持的 React Hook 等特性。 本篇并不是源码…

也许你看过其他的ssr教程都会先说一说spa和ssr的区别以及优缺点，但是我相信能点进来看的小伙伴们肯定是对这两个概念有过了解的，也无需我在这里多费口舌。不懂的可以直接看这里 首先我们创建一个react-ssr文件夹, 执行git init初始化git仓库，添加如下目录和文件。…

随着前端承担的职责越来越重，前端应用向着复杂化、规模化的方向发展。大型项目模块化是一种趋势，不可避免模块之间要相互依赖，此外还有很多第三方包。这样的话如何去管理这些繁杂的文件，是一个不可避免的话题。此时作为一种已经被实践证明过的思想模式一直得到大家的青睐，这就是控制反转(IOC…

打开项目并跑起来以后，暂不关心项目结构及语法糖，看到App.js里，这是一个基本的react组件 我们console一下，看看有什么结果。 可以看到，<App/>组件其实是一个JS对象，并不是一个真实的dom。 上面有我们很熟悉的props,ref,key,我们稍微修改一下co…