10 2021 档案
摘要：第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 第四篇介绍Web Component + React实现微前端的POC
阅读全文
摘要：第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 第四篇介绍Web Component + React实现微前端的POC
阅读全文
摘要：第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 第四篇介绍Web Component + React实现微前端的POC
阅读全文
摘要：第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 第四篇介绍Web Component + React实现微前端的POC
阅读全文
摘要：第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 前文已经介绍过如何将React组件编译为Web组件(Web Compon
阅读全文
摘要：第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 本文将介绍React实现的Web Component如何与Shell App交互，包括属性、事件。 先介绍属性传递，打开index.html，为
阅读全文
摘要：前一篇讲述了如何把React组件转换为Web组件，同时也留下了几个问题。其中之一就是组件（子应用）内部的路由如何影响到Shell App(以及反之)。 这里我们动手做个测试，依旧以React为例。 打开上一篇建立的项目，执行 npm install react-router-dom --save n
阅读全文
摘要：最近在思考如何实践微前端, 方案有许多，Web Components也是其中之一。 本文就先从如何将React组件转换为Web Component组件开始，探索Web Component实现微前端的方案。 当然市面上成熟的框架，如SingleSPA，QianKun自然也是可以实现Micro-Fron
阅读全文
摘要：有angular、nestjs经验的程序员一定会意识到依赖注入(dependency injection)带来的便利, 当然依赖注入不是什么新鲜的概念，并且也不是nodejs平台首创。 本文旨在介绍如果自己定义一个简单的注入帮助类。 实践步骤如下： 安装依赖 npm init --y npm ins
阅读全文
摘要：前提：为了培养团队的技术能力，拿了个小修改需求作为函数式编程的实践机会。 需求：业务部门提出积分活动，当用户达成任务时送积分。简化逻辑，我们暂且认为逢5送5分，逢10送10分，其他送1分。 即达成任务1-4次时，每次送1分。第5次送5分，第10次送10分。 实现过程： mkdir [项目路劲] np
阅读全文
摘要：如果你觉得K8S服务配置起来太繁琐，那么请试试Serverless。AWS Serverless天生就有对NextJS的支持，无需编写docker文件，就可以利用Serverless的特性实现scalability。 登录AWS 搜索Amplify Host New App (如果是第一次使用，会出
阅读全文
摘要：问：如何在pipe中实现if/else判断null？ 答：Option.fromNullable import { pipe } from "fp-ts/function"; import * as O from "fp-ts/Option"; let obj = { state: { value:
阅读全文
摘要：前三篇的快速链接 pipe与flow option, map, flatten 与 chain either, left & right TaskEither就是Either方法的异步版本，需要异步实现的场景会用到TaskEither，如异步http请求。 代码示例如下： import axios
阅读全文
摘要：前两篇的快速链接 pipe与flow option, map, flatten 与 chain Either (fp-ts/lib/Either) 用来表示一个同步操作，该操作可能成功也可能失败。TaskEither是Either的异步版本，后面的随笔再作介绍。 Right、Left是Either的
阅读全文
摘要：继第一篇之后，本文将介绍fp-ts中的option,map,flatten与chain。 option 作为一个容器，其所包含的内容可以为空(undefined)，配合pipe使用可以提供安全的数据操作。如果遇到数据为空，则pipe后续方法不执行。代码示例如下： import { pipe } fr
阅读全文
摘要：fp-ts是typescript下的函数式编程框架，抱着了解函数式编程的目的，记录下fp-ts的学习过程。此文为第一部分：pipe与flow mkdir [项目名称] cd [项目名称] npm init --y npm install typescript fp-ts ts-node --save
阅读全文
摘要：Serverless Computing(或称为函数计算CFC)如今已是各大云平台的标准功能。中小型应用(包括Web, Rest API, 定时任务等)都可以通过函数计算实现。其灵活性强，扩展性高，费用相对低。 灵活性强，扩展性高 显然一个原子服务就可以定义成一个函数，多个函数之间可以自由组合，自然
阅读全文
