Skip to content

Connect to standalone React Devtools #21

Open
@grilme99

Description

@grilme99

There has been discussion for a while about how to best connect React-lua to Devtools. #14 is a proof-of-concept Devtools implementation as a Roblox Studio plugin, but a better approach would be to connect React-lua directly to existing Devtools implementations.

This issue will focus on the Roblox use case because it's the only environment with a renderer currently written for React-lua.

Two(?) parts are required for a successful implementation:

  • A Roblox Studio plugin that provides an interface for connecting to Devtools and selecting a React tree to debug.
  • An external "bridge" application that connects Roblox to React Devtools. This is required because Roblox cannot open socket connections, which is how Devtools communicates. Roblox can communicate to the bridge via HTTP long polling.

This approach would also make it possible to use Devtools remotely on a live game client, as long as the Roblox side of the implementation is also exposed as a library. The bridge endpoint for Roblox would have to be exposed on the open internet.

This is still very early in planning, so if anyone has any thoughts or ideas, please share them in the replies.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requesthelp wantedExtra attention is needed

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions