上一页 1 2 3 4 5 6 7 8 ··· 11 下一页
摘要: 第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 第四篇介绍Web Component + React实现微前端的POC 阅读全文
posted @ 2021-10-27 11:51 老胡Andy 阅读(459) 评论(0) 推荐(0) 编辑
摘要: 第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 前文已经介绍过如何将React组件编译为Web组件(Web Compon 阅读全文
posted @ 2021-10-26 17:18 老胡Andy 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 本文将介绍React实现的Web Component如何与Shell App交互,包括属性、事件。 先介绍属性传递,打开index.html,为 阅读全文
posted @ 2021-10-25 17:12 老胡Andy 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 前一篇讲述了如何把React组件转换为Web组件,同时也留下了几个问题。其中之一就是组件(子应用)内部的路由如何影响到Shell App(以及反之)。 这里我们动手做个测试,依旧以React为例。 打开上一篇建立的项目,执行 npm install react-router-dom --save n 阅读全文
posted @ 2021-10-25 12:56 老胡Andy 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 最近在思考如何实践微前端, 方案有许多,Web Components也是其中之一。 本文就先从如何将React组件转换为Web Component组件开始,探索Web Component实现微前端的方案。 当然市面上成熟的框架,如SingleSPA,QianKun自然也是可以实现Micro-Fron 阅读全文
posted @ 2021-10-24 22:19 老胡Andy 阅读(1749) 评论(0) 推荐(0) 编辑
摘要: 有angular、nestjs经验的程序员一定会意识到依赖注入(dependency injection)带来的便利, 当然依赖注入不是什么新鲜的概念,并且也不是nodejs平台首创。 本文旨在介绍如果自己定义一个简单的注入帮助类。 实践步骤如下: 安装依赖 npm init --y npm ins 阅读全文
posted @ 2021-10-23 08:41 老胡Andy 阅读(373) 评论(0) 推荐(0) 编辑
摘要: 前提:为了培养团队的技术能力,拿了个小修改需求作为函数式编程的实践机会。 需求:业务部门提出积分活动,当用户达成任务时送积分。简化逻辑,我们暂且认为逢5送5分,逢10送10分,其他送1分。 即达成任务1-4次时,每次送1分。第5次送5分,第10次送10分。 实现过程: mkdir [项目路劲] np 阅读全文
posted @ 2021-10-18 10:34 老胡Andy 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 如果你觉得K8S服务配置起来太繁琐,那么请试试Serverless。AWS Serverless天生就有对NextJS的支持,无需编写docker文件,就可以利用Serverless的特性实现scalability。 登录AWS 搜索Amplify Host New App (如果是第一次使用,会出 阅读全文
posted @ 2021-10-15 21:14 老胡Andy 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 问:如何在pipe中实现if/else判断null? 答:Option.fromNullable import { pipe } from "fp-ts/function"; import * as O from "fp-ts/Option"; let obj = { state: { value: 阅读全文
posted @ 2021-10-15 09:10 老胡Andy 阅读(357) 评论(0) 推荐(0) 编辑
摘要: 前三篇的快速链接 pipe与flow option, map, flatten 与 chain either, left & right TaskEither就是Either方法的异步版本,需要异步实现的场景会用到TaskEither,如异步http请求。 代码示例如下: import axios 阅读全文
posted @ 2021-10-13 16:55 老胡Andy 阅读(487) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 11 下一页