sindu12jun/jira-dev-tool

2021 必修：React + React Hook + TS 最佳实践仿 Jira 企业级项目

专属开发者工具

安装与使用：

npx imooc-jira-tool

import { loadDevTools } from "jira-dev-tool";

loadDevTools(() => {
  ReactDOM.render(
    <React.StrictMode>
      <AppProviders>
        <App />
      </AppProviders>
    </React.StrictMode>,
    document.getElementById("root")
  );
});

两大功能介绍

1. 分布式后端服务

传统教学项目后端服务的两大问题：

1. 服务脆弱，请求次数有限，不稳定，如果down掉学员就没法使用了
2. 学员对后端数据库的控制有限，比如没法轻易地重置数据库

这个开发者工具用 MSW 以 Service Worker 为原理实现了"分布式后端"

即：

1. 所有请求被Service Worker代理
2. 后端逻辑处理后，以localStorage为数据库进行增删改查操作

这样每个同学的浏览器上都安装了一个独立的后端服务和数据库，再也不受任何中心化服务的影响 点击'清空数据库'便可以重置后端服务

2. HTTP 请求精准控制

项目的健壮性被很多教学项目忽视，而作为一个最佳实践的项目，健壮性是一个被重点关注的点

这个开发者工具可以精准地控制 HTTP请求的时间、失败概率、失败规则

jira-dev-tool's Issues

npx imooc-jira-tool is not working

the first problem is not compatible with react 17.x.x, it shows must use react 16.x,

the second problem is, it is hang out when install

vite的暴露env的方式和webpack不同，项目报找不到process

使用jira-dev-tool初始化的数据是否可以自定义？

如题

npx imooc-jira-tool is not working

the first problem is not compatible with react 17.x.x, it shows must use react 16.x,

the second problem is, it is hang out when install by npx imooc-jira-tool

老师为什么我的dev-tool用不了呢