无分类 Ant Design源码分析(二):Button组件 Button分析 通过官方API文章,大家知道<Button /> 组件具备以下几个功能点1、多种样式风格可选: primary、ghost、 danger等,并且每一种风格都对应各自风格的交互2、接收click事件回调函数3、可以指定点击…
无分类 基于 React & TS & Webpack 的微前端应用模板 在 Web 开发导论/微前端与大前端一文中,笔者简述了微服务与微前端的设计理念以及微前端的潜在可行方案。微服务与微前端,都是希望将某个单一的单体应用,转化为多个可以独立运行、独立开发、独立部署、独立维护…
javascript Umi.js umi,中文可发音为乌米,是一个可插拔的企业级 react 应用框架。umi 以路由为基础的,支持类 next.js 的约定式路由,以及各种进阶的路由功能,并以此进行功能扩展,比如支持路由级的按需加载。然后配以完善的插件…
javascript React Fiber源码分析 第一篇 先由babel编译, 调用reactDOM.render,入参为element, container, callback, 打印出来可以看到element,container,callback分别代表着react元素、DOM原生元素,回调函数
javascript Dva.js总结 dva 是基于现有应用架构 (redux + react-router + redux-saga 等)的一层轻量封装,没有引入任何新概念,全部代码不到 100 行。dva 实现上尽量不创建新语法,而是用依赖库本身的语法,比如 router 的定义还是用 re…
无分类 React hooks实践 最近要对旧的项目进行重构,统一使用全新的react技术栈。同时,我们也决定尝试使用React hooks来进行开发,但是,由于React hooks崇尚的是使用(也只能使用)function component的形式来进行开发,而不是class comp…
javascript 实现React-redux的基本功能 React.js 的 context 就是这么一个东西,某个组件只要往自己的 context 里面放了某些状态,这个组件之下的所有子组件都直接访问这个状态而不需要通过中间组件的传递。一个组件的 context 只有它的子组件能够访问…
无分类 从0到1-UMI快速上手(1) UMI在Windows, Mac和Linux的表现都是一致的。你只需要在电脑上安装Node.js环境。为了便于开发,你还需要一个文本编辑器来编写代码,可能你的电脑上已经安装了其他的文本编辑器,但这里我还是推荐使用VisualStudio…