react+webpack对于react开发，相信已经是一个大众套餐了，至于其他的parcel或者rollup或者其他一些构建框架我也没仔细用过，也不太熟，听说parcel上github短时间内已经上万颗星了，很流弊的样纸，不过这都不是我们本文重点，呵呵。本文重点是模块的异步加…

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

刚接触 React 的时候，在一个又一个的教程上面看到很多种编写组件的函数，尽管那时候 React 框架已经相当成熟，但是并没有一个固定的规则去规范我们去写代码。 在过去的一年里，我们在不断的完善我们的做法，直到满意为止。 本文会列出我们自己在使用的最佳实践，不管你是刚入门的新…

React Redux 是 Redux 的 React 版，Redux 本身独立于其他框架而存在，又可以结合其他视图框架使用，比如此处的 React。 按个人理解，Redux 是应用的状态管理框架，以事件流的形式来发送事件、处理事件、操作状态和反馈状态。 这么说还是太抽象了，举…

我找到了一个当我们在写react应用时非常有用的模式。如果你写过一段时间的react，你可能已经发现了它。这篇文站很好的解释了它，但是我想补充一些观点。 如果将组件划分为两类，你会发现组件重用起来更加容易。我把这两类称为Container和Presentational。也有其他…

React 组件化思想受到越来越多开发者的关注，组件化思想帮助开发者将页面解耦成一个一个组件，代码更加模块化, 更易扩展。而目前流行的后端模板引擎如 ejs, swig, jade, art 共同的问题是： 针对以上痛点，笔者基于 React 造出了 noox 这样一个工具，专…

现在，用户对于前端页面的要求已经不能满足于实现功能，更要有颜值，有趣味。除了整体 UI 的美观，在合适的地方添加合适的动画效果往往比静态页面更具有表现力，达到更自然的效果。比如，一个简单的 loading 动画或者页面切换效果不仅能缓解用户的等待情绪，甚至通过使用品牌 logo…

在学习了一些 React 后开始学习 Redux，Redux 的工作过程让人感到很困惑。 这些术语看起来非常陌生。 所以在这篇文章中我将用一种有利于大家理解的反向剖析的方法去揭开 Redux 怎样工作的神秘面纱。在 上一篇 中，在提出专业术语之前我将尝试用简单易懂的语言去解释 …