# 2019.11.04 今天是每日时报陪你的第 272 天

[文章] Sketch 插件开发实践:https://aotu.io/notes/2019/10/31/sketch-plugin/ (opens new window)

[类库] Umi 的微前端(乾坤)库支持 React、Vue 以及主从模式,我已经在 Vue 框架下走通了主从流程,即将投入生产环境,过段时间会放 Demo 出来:https://github.com/umijs/qiankun (opens new window)

[工具] VS Code 版本的 CodeSandbox 插件,目的是将 CodeSandbox 带到您最喜欢的编辑器中:https://github.com/yesmeck/vs-codesandbox (opens new window)

[工具] 狗屁不通的文章生成器;输入一个关键词,批量生成跟你词汇相关的文章,但它读不通;可以作为正则练习或者 Faker 工具来使用:https://github.com/menzi11/BullshitGenerator (opens new window)

[资源] 黑马程序员 120 天全栈区块链开发开源教程:https://github.com/itheima1/BlockChain (opens new window)

# 配图 - Sketch 插件开发实践

# 配图 - VS Code 版本的 CodeSandbox 插件

# 配图 - 狗屁不通的文章生成器

# 示例 - ws

import { registerMicroApps, start } from 'qiankun';

function render({ appContent, loading }) {
  const container = document.getElementById('container');
  ReactDOM.render(<Framework loading={loading} content={appContent} />, container);
}

function genActiveRule(routerPrefix) {
  return location => location.pathname.startsWith(routerPrefix);
}

registerMicroApps([
  {
    name: 'react app', // app name registered
    entry: '//localhost:7100',
    render,
    activeRule: genActiveRule('/react'),
  },
  {
    name: 'vue app',
    entry: { scripts: ['//localhost:7100/main.js'] },
    render,
    activeRule: genActiveRule('/vue'),
  },
]);

start();
Last Updated: 11/25/2019, 3:33:51 PM