V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
AsceticBear
V2EX  ›  程序员

基于 Rust + WebAssembly 的 UI 组件库

  •  2
     
  •   AsceticBear · 2020-08-10 11:37:22 +08:00 · 4523 次点击
    这是一个创建于 1565 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Github: https://github.com/elvisjs/elvis

    这个项目目前已经得到 Mozilla Open Lab 支助,欢迎 v 友中的前端大佬,Rust 爱好者前来踢馆。

    项目目前正在紧锣密鼓的开发 TODO MVC 。

    第 1 条附言  ·  2020-08-10 16:35:10 +08:00
    有兴趣的朋友,可以加入 wexin 群讨论。
    https://elvis-1253442844.cos.ap-hongkong.myqcloud.com/wechat.jpeg
    8 条回复    2020-08-10 16:30:50 +08:00
    Jirajine
        1
    Jirajine  
       2020-08-10 11:55:17 +08:00 via Android
    看了下你这个例子,感觉 api 不够 declarative,不如基于 yew 做,得益于 rust 的宏,写起来和没有 hooks 的 react 差不多。
    danc
        2
    danc  
       2020-08-10 13:47:28 +08:00
    感觉大佬们工作不饱和
    udtrokia
        3
    udtrokia  
       2020-08-10 14:33:07 +08:00
    @Jirajine 哈哈,语法还在更新中~
    udtrokia
        4
    udtrokia  
       2020-08-10 14:37:52 +08:00
    @Jirajine

    Yew 和 Seed 的语法还没有超出 html 的局限(react/vue .etc),它们甚至还需要 css 文件,并且写 pure html 有个弊端是各种语法混写,项目很容易搞得很乱。

    Elvisjs 的思路比较偏向 flutter,举个例子比如 TODO MVC

    yew 和 seed 需要 400+ lines 的 Rust Code,包括还需要外置的 CSS file,但是用 Elvisjs 写的话大概一共只需要 300+ lines 左右(不需要 CSS file).

    最近还在疯狂更新,吊打 yew 和 seed 指日可待 LOL
    AsceticBear
        5
    AsceticBear  
    OP
       2020-08-10 14:43:59 +08:00
    @danc 大佬晚上不睡觉的
    Jirajine
        6
    Jirajine  
       2020-08-10 15:51:50 +08:00 via Android
    @udtrokia 恰恰相反,我到觉得语言本身的语法并不那么适合描述 UI,嵌套多了很容易搞得很乱。
    rust 和其他语言不同,它有强大的过程宏,不用像 jsx 那样加一堆黑魔法,语言本身就可以支持你创造自己 dsl,用最简洁优美的语法描述对象,而不受限于语言本身的表达能力。
    虽然 yew 目前还不怎么样,但我觉得使用宏实现 dsl (当然不限于 xml ),声明式的描述 UI 这种方向应该是正确的。
    还有个桌面 GUI 库叫 vgtk,也是一样的思路。
    udtrokia
        7
    udtrokia  
       2020-08-10 16:26:15 +08:00
    @Jirajine

    不嵌套 html 或 xml 类语法是因为,HTML 的特色是把视图平面化了,对于以前的网页来讲是没毛病的,但是现代化的大部分 UI 都是立体化的结构,HTML 的表达能力已经跟不上节奏了,所以选择了这种 Object 的模式。

    个人感觉,人们去开发 UI 的时候没有必要同时去学习多种语法(自制 DSL 也是新的语法,而且查询 doc 与 Debug 极其困难,ref substrate),最好的办法该是一种语法贯彻到底,其余的精力用来完善逻辑上的问题。

    不过 ElvisJS 也可以添加一些 DSL 的语法来满足一些开发者的需求,但应该会以附属库的形式进行完善,因为主库还是需要保持最简洁的语法。

    关于 Rust 宏,提到的创建 DSL,包括 yew 的写法,它们都是用的 Rust 的普通宏,ElvisJS 与 yew 和 Seed 有个区别是,ElvisJS 不暴露普通宏给开发者(保持语法的简洁性),只暴露过程宏给开发者,过程宏不会有 DSL 那种语法,用法是给 struct 或 function 加个 attribute 就可以了~

    ElvisJS 有非常多的过程宏可以使用,docs 还在完善 XDD
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1072 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 18:59 · PVG 02:59 · LAX 10:59 · JFK 13:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.