之前笔者有写过一篇如何设计动态表单配置平台的文章，但是由于笔者电脑问题代码丢失，所以后期重新实现了一套表单设计器，并优化了之前的设计方式，特地做一下总结和复盘。 上图中我们将表单设计器集成到了H5-Dooring中，使其可以实现拖拽生成表单。 其次我们可以根据右边的配置项，动态…

今天开始，我们开始揭开react-router-dom神秘的头盖骨，哦不，面纱。 在此之前，我们需要了解一些预备知识：React的context和react-router-dom的基本使用。需要复习的同学请移步： 下面是我跟小S同学一起阅读源码的过程。 大家可以参照这个思路，进…

习惯了 vue-router 路由的用法，再用react-router总感觉挺麻烦的。 管它有没有，轮子我已经造好了，请收下react-concise-router。 react-concise-router 是一个基于 react-router v4.x 封装的一个路由插件。…

JSX 是对 JavaScript 强大的扩展，允许我们来定义 UI 组件。但是它不直接支持循环和条件表达式（尽管添加 条件表达式已经被讨论过了）。 如果你想要遍历一个列表来渲染多个组件或者实现一些条件逻辑，你不得不使用纯 Javascript，你也并没有很多的选择来处理循环。…

useState 只接收一个参数 inital value，并看不出有什么特殊的地方。 比如 经常看到这样的写法。 所以 useState 就是为了给函数式组件添加一个可以维护自身状态的功能。 那么现在，当 activeUser 状态改变的时候我们会发现又打印出了 改变状态 这…

采用react全家桶技术 react+react-dom+react-router-dom+redux+react-redux+nodejs等技术混合开发的仿微信web端聊天室reactWebChat项目，实现了聊天记录右键菜单、发送消息、表情(动图)，图片、视频预览，浏览器截…

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

如果你了解我，你就已经知道我不编写没有类型定义的javascript代码，所以我从0.9版本后，就非常喜欢TypeScript了。除了有类型的JS，我也非常喜欢React库，所以当把React和Typescript 结合在一起后，对我来说就像置身天堂一样:)。整个应用程序和虚拟…