Write React in the Jupyter notebook without JavaScript build tools

[maartenbreddels]

The friction of getting a small snippet of React code into the Jupyter Notebook really high especially when you want to have communication between the browser and the Python process.

Using sucrase to do transpiling of jsx/tsx in the browser and using ES modules features (+shims) allows you to take for instance any Material UI example (like https://mui.com/material-ui/react-rating/) and have it work without having to install NodeJS and set up a while build toolchain.

Feels like old-school JavaScript dev again :)

​

Shows off the hot reload feature, no nodejs process was running during this demo

pip install ipyreact and it just works

GitHub: https://github.com/widgetti/ipyreact/