Does reflex support typescript?

[fersarr]

Hi! Does reflex support typescript? we have custom react components that are built with typescript. If we are able to incorporate them, we can apply the look and feel of our organization.

[masenf]

Here is an example of a github repo that uses typescript, but also includes a compiled dist folder that can be used when integrating with reflex: https://github.com/masenf/hello-react/tree/main/src/lib/CounterDemo

Wrapped in reflex like so:

class GithubComponent(rx.Component):
    library = (
        "@masenf/hello-react@github:masenf/hello-react"
    )
    tag = "Counter"

    def add_imports(self):
        return {"": ["@masenf/hello-react/dist/style.css"]}


def github_component_example():
    return GithubComponent.create()

The library can be specified in a multitude of ways, see more info at https://reflex.dev/docs/wrapping-react/guide/#local-packages

The main limitation with this approach is that build scripts are not run, so the repo itself needs to include the compiled artifacts. I've found this is pretty common in public js/ts packages, but maybe not for your internal components. Either way, reflex isn't really in the business of building your JS packages, it's up to you to use the tooling to produce an es6 module and package metadata reflecting that

[fersarr]

thank you! we'll give it a go