data

React components compatible with the Jupyter ecosystem to create your own custom Data Product

Oct 23, 2021
React components compatible with the Jupyter ecosystem to create your own custom Data Product

Jupyter React

React.js components compatible with the Jupyter ecosystem to create your own custom Data Product.

Jupyter Editor

View Demo View Github

You can create for example a custom React.js data product a-la-google-docs as shown above.

The below image shows a gallery of the available React.js components you ready to be used in you custom React.js application.

Jupyter Editor

Please open issues for questions, feature requests, bug reports... We also welcome pull requests.

Follow the below steps to create your development environment. You will need Miniconda up-and-running on your machine (MacOS or Linux, Windows is not supported as development platform for the time-being).

# Clone this repository. git clone https://github.com/datalayer/jupyter-react.git && \ cd jupyter-react
# Setup your development environment. conda deactivate && \ make env-rm # If you want to reset your env. make env && \ conda activate jupyter-react
# Clean, install and build. make clean install build

You can launch local examples and hack the source code. The changes will be automatically built and available in your browser.

# Start editor example. echo open http://localhost:3266 yarn jupyter:editor
# Start jupyter widgets example. echo open http://localhost:3208 yarn jupyter:widgets
# Start jupyter widgets example. echo open http://localhost:3248 yarn example:jupyter:widgets
# Start light theme example. echo open http://localhost:2043 yarn jupyter:theme:light

License

Copyright (c) 2021 Datalayer, Inc.

Released under the terms of the MIT license (see LICENSE).

Recommended