Jupyter 反应
[大 Jupyter React 2.0 发布! 🎉
这个主要发布包括: 断开更改 联 合 国
Jupyter财务报告和审定财务报表Notebook组件 :
- 这个
Notebook2组件现在是默认Notebook- 而不是使用
startDefaultKernel组件上的道具,使用useJupyter({ startDefaultKernel: true })要买的钩子serviceManager财务报告和审定财务报表defaultKernel,然后明确传递给Notebook2- 现在需要笔记本组件
kernel财务报告和审定财务报表serviceManager有条件渲染的道具- 见 实例 移徙模式(例如:, PyGWalker.tsx (英语)(中文(简体) )
Jupyter反应是一组 反应.js 组件,允许前端开发者构建与该组件兼容的数据产品 朱比特语Name 生态系统。 用户界面提供可执行的笔记本和单元格.
下面的图像显示可供自定义应用程序使用的 React.js 组件的相册 。 这些开源组件用于在线构建 数据层服务,是一个数据分析的协作平台.
我们主持一个故事书 关于.. https://jupyter-ui-storybook.datalayer.tech. 互联网档案馆的存檔,存档日期2013-12-22 显示各种低级的 高级 React.js 组件对构建数据产品有用.
Jupyter(Lab)笔记本是允许数据科学家分析数据集的工具. 然而,要在现有应用程序中创建自定义用户界面并不容易. Jupyter 反应,一个开源库,可以填补这个空白,并提供开发者可以轻松地集成到任何React.js应用程序中的组件.
在技术堆栈方面,Jupyter(Lab)用户界面被建在了Lumino上方,这是建立用户界面和用户界面的必由之路 无法 被React.js等行业标准申报框架所消耗. 作为用户界面开发者,如果想在Jupyter上方创建自定义数据产品,必须坚持到Lumino,并携带不适应您特定需要的完整笔记本界面. 这不是你想要的。 您只是想暴露您需要的东西, 您想要用您最喜欢的工具包( 如 React. js) 来开发, 您也想要将 Jupyter 功能 整合到您的应用程序中 .
虽然开发者可以将 React.js 组件嵌入到 JupyterLab 中,但反之是不可能的: 你不能将 JupyterLab 嵌入到 React.js 应用程序中. 为了解决这个问题,Jupyter-React ship组件可以轻松地创建出兼容Jupyter生态系统的React.js数据产品. 这些组件可以用于任何React.js应用程序,也可以用于Docusaurus,Next.js或Remix等静态网站. 它们包裹在JupyterLab代码下并允许开发具有代码执行能力的React.js应用程序. 国家管理以祖斯坦为主.
flowchart LR
subgraph Host["Host React Application"]
HA[Components]
end
subgraph Zustand["Zustand Store"]
ZA[Actions]
ZS[State]
end
subgraph JupyterUI["Jupyter UI"]
JR[React Components]
end
subgraph JupyterLab["JupyterLab/Lumino"]
LC[Commands]
LS[Signals]
LW[Widgets]
end
subgraph Kernel["Jupyter Server"]
K[Kernel]
end
HA -->|"dispatch"| ZA
ZA -->|"proxy"| LC
LC -->|"execute"| LW
LW -->|"request"| K
K -->|"response"| LS
LS -->|"emit"| ZS
ZS -->|"subscribe"| HA
JR -.->|"wraps"| LW
支持IPyWidgets(通讯功能需要被固定). JupyterLite和PyScript支持在行进图上. 还可以自动补全.
您可以读取更多上下文 抽象 的谈话 FOSDEM 2022 (英语) (单位:千美元)录像) (中文(简体) ).
作为React.js的开发者,你只需要写几行代码就可以在应用程序中获得活的笔记本或活的单元格.
类型文件是 在线。 。 。 .
Jupyter React可用于任何React.js应用程序. 安装最新的 @datalayer/jupyter-react npm 软件包并获得灵感 实例 在此仓库中.
释放
Jupyter 反应发布于 国家 财务报告和审定财务报表 PyPI 密码。 。 。 .
发展
运行示例
这个软件包包括多个实例应用程序,显示各种Jupyter React组件. 您可以使用其中之一运行这些示例 维特 (建议)或 网络软件包。 。 。 .
使用虚拟( 建议)
Vite提供更快的开发服务器启动和热模块替换(HMR).
# Install dependencies
npm install
# Start development server (default example: Notebook2Actions)
npm run dev:vite
# Or use these alternative commands
npm run start:vite # Same as dev:vite
npm run start-local:vite # Use local Jupyter server (http://localhost:8686)
npm run start-noconfig:vite # Run without config
npm run build:vite # Production build
npm run preview:vite # Preview production build
Dev服务器运行于http://localhost:3208.
要运行不同的示例,请编辑其中的条目点 index.html数字 :
<script type="module" src="/src/examples/YourExample.tsx"></script>
使用 Web 软件包
Webpack 仍然可用于后向兼容.
# Start development server
npm run start:webpack
# Or use these alternative commands
npm run start-local:webpack # Use local Jupyter server
npm run start-noconfig # Run without config (webpack)
npm run build:webpack # Production build with webpack
可用实例
以下例子可见于 src/examples/数字 :
- 笔记本2 行动 - 附有行动栏管制的笔记本
- 单元格 编号 : 细胞图 - 单单元格实例
- 笔记本 编号 : 笔记本Lite - 完整的笔记本实例
- 控制台 编号 : 控制台点 - 控制台实例
- IPy 部件 - IPyWidgets集成系统
- 朱皮特拉布 - JupyterLab的完整应用
- 终端 - 终端部分
- 还有...
图书馆的建设
# Build TypeScript library
npm run build:lib
# Full build (resources + TypeScript + webpack)
npm run build
# Production build
npm run build:prod