Adding Your Own Data Apps to JupyterLab
summary
Step-by-step guide shows how to build a real front-end JupyterLab extension from the JupyterLab extension template, using TypeScript, Lumino widgets and JPM for install/build, and wiring into the app shell, command registry, launcher and command palette. Code creates a main-area widget, styles it with a CSS bundle, passes JSON arguments to commands, adds an optional launcher token, and puts a custom sidebar with buttons that call the command. Each change compiles, installs as a dev symlink and runs in the browser so the extension actually activates and the widgets open.
AI-written summary · about
chapters (23)
- 0:00JupyterLab extensions intro
- 1:12Prerequisites and tutorial
- 2:59About Bloomberg
- 4:03Key concepts in extensions
- 7:16Conda environment setup
- 8:00Template extension with Copier
- 10:02Generated extension files
- 14:18Dependencies and build
- 17:18Dev extension install
- 19:06Testing the extension
- 20:08Create command
- 21:57Command palette execution
- 23:45Main area widget
- 27:58Widget CSS styling
- 29:42Launcher command execution
- 31:48Dynamic dependencies
- 33:36Command arguments
- 35:47Sidebar widget buttons
- 37:32Sidebar widget styling
- 38:35Button event listeners
- 40:26Tutorial resources
- 42:36Exploring extension documentation
- 43:21Q&A
related talks
27mAdding Your Own Data Apps to JupyterLab
40mJupyterLab: Building Blocks for Interactive Computing
40mJupyterLab: The Evolution of the Jupyter Notebook
37mJupyterLab
39mThe JupyterLab Extension Ecosystem- Trends from PyPI +GitHub
01h 44mLeveling up your Jupyter notebook skills
01h 29mTurning Jupyter Notebooks into Data Applications
18mBuilding Your Very Own DevTools Extension