V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
WangLiCha
V2EX  ›  问与答

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

  •  
  •   WangLiCha · 2022-01-20 10:36:57 +08:00 · 1266 次点击
    这是一个创建于 1030 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    4 条回复    2022-01-20 13:56:18 +08:00
    kop1989smurf
        1
    kop1989smurf  
       2022-01-20 11:32:37 +08:00
    可以尝试把原生封装为 Web Components
    然后用 react 调用。

    btw:你们的管理流程有问题。定方向的人都不负责验证可行性的么?
    lneoi
        2
    lneoi  
       2022-01-20 11:42:54 +08:00
    c# 不是直接有框架 Blazor 可以做网页的,直接生成 WebAssembly 跑在浏览器
    stzz
        3
    stzz  
       2022-01-20 13:03:56 +08:00 via Android
    你们已经有 C#版的编辑器了?
    如果只是为了一个功能,第一反应不应该是想办法迁移,代码复用么
    WangLiCha
        4
    WangLiCha  
    OP
       2022-01-20 13:56:18 +08:00
    @stzz 很难复用,即使有 Blazor 也只能解决抽象的逻辑部分,实际到绘图还是只能用前端的东西来自
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5515 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 08:54 · PVG 16:54 · LAX 00:54 · JFK 03:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.