jsdotlua / jsdotlua/react-lua

Connect to standalone React Devtools

Open
#21 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement help wanted
Dominant language
Luau
Stars
569
Forks
25
PR merge metrics
No merged PRs in 30d

Description

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.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No source files, tests, or entry points are named. Start by reviewing the proposed Roblox Studio plugin and external bridge, including the HTTP long-polling connection to React Devtools; the work is done when a React tree can be selected and debugged through the standalone Devtools implementation.

Written by the indexing model from the issue text.

Assessment

Tech stack
lua, react
Domain
devtools, tooling
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.