fuse-box / fuse-box/react-example

Why is a `transform-react-jsx` required

Open
#5 12 comments 1 reaction 0 assignees View on GitHub
Dominant language
TypeScript
Stars
70
Forks
36
PR merge metrics
No merged PRs in 30d

Description

I was wondering why this example requires the `BabelPlugin`, since TypeScript can transpile `JSX` by itself.

Removing the plugin and using a custom `tsconfig.json` that sets `"jsx"` property to `"react"` works (at least it compiles), but the output seems to be broken. Opening the app in the browser is not possible -> `http://localhost:4444/default/index.jsx `

Is it not possible for FuseBox to compile JSX without any plugins?

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue mentions the BabelPlugin, a custom tsconfig.json, and the default/index.jsx page. Start by reproducing the example with and without transform-react-jsx, then compare the generated output and browser behavior. Done means determining whether the plugin is required and documenting the working JSX configuration or the compilation problem.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
build-system
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.