随笔分类 - React
摘要：项目经常会用到 echarts, 也尝试过 echarts-for-react、原生封装等实践方案 但总觉得不够完善，比如不能自适应容器尺寸，或者没法开箱即用 最终我咬一咬牙，写了一个 react-echarts-core 一、快速上手 把大象放进冰箱需要几步？ 打开冰箱、把大象放进去、关上冰箱，只
阅读全文
摘要：多语言（国际化）是一个很常见的需求，Umi 对多语言也有很好的支持 一、简单实现 Umi 基于 react-intl 封装了多语言插件 @umijs/plugin-locale 不过并不需要单独引入，只需要在配置文件（.umirc.js 或 config/config.js）中配置 locale e
阅读全文
摘要：前面两篇关于 React Flow 的文章已经介绍了如何绘制流程图 而实际项目中，流程图上的每一个节点，甚至每一条连线都需要维护一份独立的业务数据 这篇文章将介绍通过 React.context 来管理流程图数据的实际应用 项目结构： . ├── Graph │ └── index.jsx ├──
阅读全文
摘要：上一篇 《React Flow 实战》介绍了自定义节点等基本操作，接下来就该撸一个真正的流程图了 一、ReactFlowProvider React Flow 提供了两个 Hooks 来处理画布数据： import { useStoreState, useStoreActions } from 'r
阅读全文
摘要：需求千千万，流程图常在 没想到多年以后，我再次遇到一个关于流程图开发的需求 以前少不更事，头铁用 GG-Editor 搞了一次流程图《在 React 项目中引入 GG-Editor 编辑可视化流程》，差点把自己给埋了 这次再遇到类似的需求，在各路大神的指点下，我选择了 React Flow 来进行开
阅读全文
摘要：公司的新项目用到了 Umi，之前用过 Umi 1.x 版本，而现在已经来到了 3.x 时代 相对低版本来说，Umi 3.x 的整体的设计没有什么大变化，但在细节上还是有着不小的改变 比如 model，除了兼容以前的 connect 写法之外，还可以使用 hooks，这篇文章主要是对 hooks 写法
阅读全文
摘要：在《Umi 小白纪实（一）》中有提到过简单的路由配置和使用，但这只是冰山一角 借用一句广告词，Umi 路由的能量，超乎你的想象 一、基本用法 Umi 的路由根结点是全局 layout src/layouts/index.js 路由会将相应的页面组件映射到上面的 props.children 中 之前
阅读全文
摘要：Umi 通常会搭配 Dva 使用，用于管理页面状态和逻辑 一、注册 model 首先需要在 .umirc.js 中启用 dva 插件 export default { plugins: [ ['umi-plugin-react', { dva: { immer: true, }, }], ], }
阅读全文
摘要：umi 是一个企业级 react 应用框架，也是蚂蚁金服的底层前端框架 《蚂蚁金服的前端框架和工程化实践》 一、安装脚手架 在创建项目之前，需要保证有 node 8.10 以上的环境 可以使用官方脚手架 create-umi 快速创建项目 首先创建一个新目录 mkdir myapp && cd m
阅读全文
摘要：蚂蚁金服数据可视化团队曾经开源了一款 G6-Editor，但后来停止了对外支持，学习成本太高 好在后来他们团队的大牛高力结合 React + G6 开源了一个 GG-Editor（其实就是G6-Editor） 不过相关的文档还是太少，实际的使用依然是一个不断摸索的过程... 常见问题: https
阅读全文
摘要：组件化开发的时候，参数传递是非常关键的环节 哪些参数放在组件内部管理，哪些参数由父组件传入，哪些状态需要反馈给父组件，都需要在设计组件的时候想清楚 但实现这些交互的基础，是明白组件之间参数传递的方式，和各自的优缺点 一、父组件传参到子组件 和 Vue 一样，React 中从父组件到子组件的传参也是通
阅读全文
摘要：如果要处理某个元素的 click 事件，原生 js 可以直接为该元素添加一个 onclick 函数 Vue 封装了 v-on 指令，可以简化为 @click 并添加相应的函数 React 的开发思想是尽量保留 js 的特性，所以事件处理也是用 onClick，只不过换成了驼峰命名 但在实际使用的时候
阅读全文
摘要：基于 Vue.js 开发的时候，每个 vue 文件都是一个单独的组件，可以包含 HTML，JS，CSS 而 React 是以函数为基础，每个 function 就是一个组件。虽然 JSX 让 HTML 的写法更加友好，但 CSS 还是需要另外引入 Vue 还给开发者提供了很多指令，而 React 中
阅读全文
摘要：虽然 Vue 在国内一家独大，但在全球范围内，React 依然是最流行的前端框架 最近和一些朋友聊天，发现很多项目都选择了 React 技术栈，而且公司的新项目也决定使用 React 我一直以来都是走的 Vue 技术栈，虽然接触过 RN，但只停留在能用阶段 既然要正式做 React 的项目，那还是系
阅读全文
浙公网安备 33010602011771号