项目组零基础转做前端，求助一点关于 React 项目架构相关的问题，做 Web 的图形编辑器

[WangLiCha]

背景：我们组之前是做 WPF 桌面开发的，大家都是经验比较丰富的 WPF 和 C#开发，但是基本上都没有什么前端开发的经验（甚至知识也不是所有人都会），然后因为最近的一个项目需求需要做一个类似 这样的 图形编辑器。

目前的情况：长话短说，我们这边项目主程打算使用 react 作为前端框架，然后想根据之前用 C#写 WPF 图形编辑器的架构，底层的绘图库完全不依赖上层的 react ，即只使用原生的绘图库原生 js 来写，而不能使用绘图库的 React 版本来用 jsx 写。以上面链接里的例子的话，就是整个页面基于 react ，但是画布部分使用 konva 库来绘制，而且不能使用 konva-react 库。

目前我是感觉有些困惑，这种模式在实际的前端开发中是怎么做的？这样逻辑和 UI 完全分离的做法在前端中能做到吗？目前是稍微写了点 demo ，感觉上层使用 react 但是下层完全不使用这种写法对我来说很难下手啊……

[kop1989smurf]

可以尝试把原生封装为 Web Components
然后用 react 调用。

btw：你们的管理流程有问题。定方向的人都不负责验证可行性的么？

[lneoi]

c# 不是直接有框架 Blazor 可以做网页的，直接生成 WebAssembly 跑在浏览器

[stzz]

你们已经有 C#版的编辑器了？
如果只是为了一个功能，第一反应不应该是想办法迁移，代码复用么

[WangLiCha]

@stzz 很难复用，即使有 Blazor 也只能解决抽象的逻辑部分，实际到绘图还是只能用前端的东西来自