The Molecule is a lightweight Web IDE UI framework which is built with React.js and inspired by the VSCode. We have designed the Extension APIs similar to the VSCode, to help developers extend the Workbench in an easier way. It's convenient to integrate the Molecule with React.js applications. It has been applied to many products in DTStack
npm install @dtinsight/molecule
# Or
yarn add @dtinsight/molecule
import React from 'react';
import ReactDOM from 'react-dom';
import { MoleculeProvider, Workbench } from '@dtinsight/molecule';
import '@dtinsight/molecule/esm/style/mo.css';
const App = () => (
<MoleculeProvider extensions={[]}>
<Workbench />
</MoleculeProvider>
);
ReactDOM.render(<App />, document.getElementById('root'));
The extension
is the Extension applications entry, more details about Extension, please read the Quick Start.
git clone git@github.com:DTStack/molecule.git
Clone the source code into your local
Development Mode
yarn # Install dependencies
yarn dev # Start dev mode
The Molecule using the Storybook to manage and develop the React components, the default visiting address is http://localhost:6006/
.
Test
yarn test -u
Build & Preview
yarn build # Compile to ESM
yarn web # Web Preview Mode
We compile the source code into the ES6 modules and output to the esm
folder. Besides the Storybook development mode, there also builtin a Web Preview mode using the ESM modules.
Refer to the CONTRIBUTING.
Copyright © DTStack. All rights reserved.
Licensed under the MIT license.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型