How to create widget both on python and js side?

[Terlan]

Hi, I want to have for example a React widget that is both in python and js side and can be modified from both side.
I also want to be able to run commands from python side that are declared in js side and added to app.commands.

Could you please tell me if there is a sample for it or tutorial on how to create an extension that has both side (py & js). Thanks

[bollwyvl]

Please see:

• GitHub - jupyterlab/extension-cookiecutter-ts: A cookiecutter recipe for JupyterLab extensions in Typescript
  • this is the current community-supported technique for generating the boilerplate for a kernel-driven widget to be distributed for Notebook Classic (as a require.js UMD bundle), and JupyterLab 3+ (as a pre-built extension)
  • it doesn’t explicitly add react, though there are many examples of packages that do
• GitHub - jtpio/ipylab: Control JupyterLab from Python Notebooks with Jupyter Widgets 🧪 ☢️ 🐍
  • the kernel-side JupyterFrontEnd mimics some of the JS API, and can run commands: a downstream package can either mimic this approach, or use it directly as a dependency on either/both the JS and Python side