上周末我想挖掘一些没有 Redux-Saga 这种花里胡哨的东西的纯粹的 React。 所以我创建了一个小项目，在 Strapi — 一个包括了可扩展的管理后台面板和一些内置功能（授权，上传，权限控制...）的 Node.js 框架的配合下，仅使用 Create React A…

现在(2018年)react在前端开发领域已经越来越🔥了，我自己也经常在项目中使用react，但是却总是好奇react的底层实现原理，多次尝试阅读react源代码都无法读下去，确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章，这里基于这些资料，并加入一些自…

本文以redux的源码解读为例，为你提供一些解读源码的思路，本文为我解读redux源码的全过程，其中也会有一些弯路， 不过还是分享给大家，毕竟本文倡导重在阅读过程。 个人觉得再看别人的代码时debugger是一个很好的东西, 可以查看执行顺序提高效率。 好的，那我们就把redu…

这篇文章不是聊React这门技术本身，而是关于如何维护好一个React项目。 文本可能会涉及一些Webpack的基础知识，如果你还不太了解Webpack的用法的话，可以从我之前的一篇文章《Webpack 速成》入门，深入浅出，童叟无欺。 编程领域中的“脚手架（Scaffoldi…

react-motion是一个强大的react动画库

最近把vue-cli@2.x和create-react-app 的源码都看了一遍。由于现在官方推荐使用vue-cli@3.0，改动比较大，所以就不写关于vue-cli的了（据说是因为vue-cli@2.x创建项目时操作有点太复杂了，于是犹雨溪大大就借鉴了create-react…

render props是一个组件间共享代码逻辑的小技巧, 通过props传递函数来实现。有许多库(比如React Router, React Motion)都使用了这个技巧。 组件有一个叫做render的prop, 值是一个返回React元素的函数, 在组件内部调用这个函数渲…