TRPG Engine —— 一款专为跑团而生的即时通讯软件 Typescript + React + React Native

moonrailgun

TRPG Engine - 一个专为 TRPG 打造的即时即时通讯应用

简单的来说就是类似于钉钉, Slack, Discord 那种以即时通讯为核心,以其他的业务需求为辅助而制作的功能性聊天软件。

已经独立开发 3 年, 第一次来 V 站宣传。如有不足请轻喷。

官方文档: https://trpgdoc.moonrailgun.com/

线上地址: https://trpg.moonrailgun.com

Github: https://github.com/TRPGEngine/Client

技术栈

  • web: React
  • app: React Native
  • 数据通信: Redux

Highlight

  • 基于 XML 描述的人物卡系统(可以理解为动态表单) - Playground
  • Web 端与 RN 端共享 redux 状态的实践与工具链
  • 多端并存与代码共享(Web 端, RN 端, Portal 端 (Portal 端是 RN 端通过 webview 进行一部分中间操作的方式,类似于各种手机 App 的 H5 端) )
  • 其他的一些自研实用工具,如RN 端 WEB 端通用 Portal 组件, 快速生成通用表单, 基于 BBCode 的消息解释器, 通用缓存管理机制

界面

刚刚发布了新版 UI。是在不断迭代中根据实际场景需求重新做的一版界面。

新版预览:
TRPG Engine —— 一款专为跑团而生的即时通讯软件 Typescript + React + React Native
TRPG Engine —— 一款专为跑团而生的即时通讯软件 Typescript + React + React Native

旧版预览:
TRPG Engine —— 一款专为跑团而生的即时通讯软件 Typescript + React + React Native

madlifer:线上地址:{"code":"40310014","msg":"invalid Referer header"}

moonrailgun:@madlifer 不好意思配了防盗链。现在已经关闭了。。

我发现我不喜欢用 react-hooks

cl903254852:react-hooks 更适合写逻辑简单的小组件,遇到逻辑复杂的组件相较 class component 更难维护(不要跟我说逻辑拆分什么的)。 举个例子,我维护同事写的页面,如果是 class component 我一眼就能看明白整个组件结构,一下就能瞄到 componentDidMount 这是我个人的感想whincwu142:可…

想问下 React 的主流生态

ryougifujino:一直在用 Vue,都是官方的生态觉得很清晰。 最近想练习一下 React 及其周边生态,但是有点无从下手的感觉。 1 、想问下主流生态有哪些呢? 2 、dva 、umijs 、redux 、mobx 这些分别有什么用,和 Vue 生态里的哪些东西对应呢? 3 、还有 ant-design 那套也是挺懵逼的,ant-design-pr…

后端代码狗想不那么系统的学习 React.求推荐学习路线和学习资料

chaleaoch:有点 JQuery 经验,不用太系统,也不用什么都会.大概懂就行.除了 JS 还需要其他前置学习条件吗? 譬如 typescript?其实我还真挺想学习一下 typescript 的.比较严谨啊. N 年前想做全栈工程师来着, 但是因为接受不了(记性不好)JS 语法的各种陷阱放弃了.谢谢大佬.murmur:不学 redux,你会发现 re…

[上海[20K-35K]实地科技 ai 智慧楼宇招前端 React 前端开发

Currybro:老牌房产公司的科技创新项目,大 leader 是正经 abt 高 p,目前项目刚起步,急招人,前端侧希望 2 周内定人,统招本科,有想法的联系我邮箱 Z2FkY3VpMUAxNjMuY29tvx Z29kXzE0MTQxNA==

从Java React Native调用JavaScript方法 - java

我是React Native的新手,但想知道是否可以从Java调用React Native JavaScript方法?我有一个带有物理按钮的小众设备,当我按下该按钮时,我想使用它来触发方法。我已经看到以下插件https://github.com/artemyarulin/react-native-eval,但是Android实现似乎已过时。我已经四处搜寻,但…