Best practice to implement "notebook like" interface

[marcell7]

Is there a straight forward way to implement notebook like interface using this library (like jupyterlite / jupyterlab)? I I have been experimenting with usePythonConsole and I've found that it might work quite well.
I'm asking this mainly because the whole Pyodide ecosystem is new and there is not much info out there, especially regarding notebook interfaces which should now be relatively easy to implement with libraries like this one.
Thanks for any suggestions and keep up the good work.

[elilambnz]

A basic notebook interface should be quite straightforward as you only need to worry about UI/UX, however replicating all of the features from Jupyter notebooks would require a lot of work.

The usePythonConsole hook is probably the best way to achieve this. You would need to reuse a single Python instance to retain variables.

One major feature of Jupyter is that they seem to have detection for popular data visualisation libraries, such as matplotlib plt.show() which isn't trivial to do and you would probably require custom handling for each library.

[marcell7]

Ideally I just need the option to retain variables and pass some data from js to python. From what I've read, Pyodide supports this

[elilambnz]

Reusing the same Python instance will retain variables, as it spawns a web worker which stays active until you terminate it or a user refreshes the page.

Support for accessing the Python scope is being tracked here #67 and is not yet implemented in react-py. This would allow for direct getting/setting data in Python from the JS side. There are methods in Pyodide which make this possible, but interacting with web workers adds a lot of complexity.