最近在学习 React 时，发现 React 提供了 Portals 技术，该技术主要用来把子节点动态的显示到父节点外的 DOM 节点上，该技术的一个经典用例应该就是 Dialog 了。设想一下在设计 Dialog 时所需要的主要功能点：当点击一个 button 时，一般需要在…

组件化在当今前端开发领域中是一个非常重要的概念。著名的前端类库，比如 React、Vue 等对此概念都倍加推崇。确实，组件化复用性（reusability）和模块性（modularization）的优点对于复杂场景需求具有先天优势。组件就如同乐高积木、建筑石块一般，一点点拼接构…

emmm...这是一篇偏重于源码实现的文章,其次是使用的注意事项，阅读请谨慎。 关于state初始值的，在上面相应的代码示例部分已经做出了相应的注释。 另外需要注意的是当我们调用createStore()初始化一个仓库时，可以传入一个preloadedState参数作为crea…

redux状态管理器，实质上就是一个单例模式。我们来实现一个简单的redux模型，实现之前我们要先熟悉它的用法。 其它组件可以通过订阅store中的状态(state)来刷新自己的视图. 下面我们按照这个思想来想想怎么做。 用文字来描述一下，一个唯一的仓库里，有一个私有属性sta…

移动跨平台框架React Native经过4年的发展，其生态已经变得异常丰富，在使用React Native开发项目的过程中，为了提高开发效率，我们经常会借鉴一些使用使用率比较高的开源库，根据大众的需求，对这些使用较高的 React-Native UI 库，我们做一个简单的总结…

高阶组件是什么？乍一听，感觉是个很高级的概念，但是不要被这个名词吓到，说简单点 就是给已有的一个组件外面“包一层”。 我们知道 “高阶函数” 是传入函数作为参数， 高阶组件 其实就是传入 组件作为参数，并返回一个新组件。 高阶组件的作用是什么？项目开发当中，通常我们会把一些公用…

中间件提供第三方插件的模式，自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer 。这种机制可以让我们改变数据流，实现如异步 action ，action 过滤，日志输出，异常报告等功能。 1.一个组件所…

几天前，我们写了一篇关于对以前的生命周期方法进行更改的文章, 包括逐步迁移策略。 在React 16.3.0中， 我们正在添加一些新的生命周期方法来辅助迁移。我们还为长期被要求的功能引入了新的API： 一个官方的context API，一个转发的ref API和一个更符合人…

使用 React 开发应用，给予了前端工程师无限“组合拼装”快感。但在此基础上，组件如何划分，数据如何流转等应用设计都决定了代码层面的美感和强健性。 同时，在 React 世界里提到 curry 化，也许很多开发者会第一时间反应出 React-redux 库的 connect …