A collection of sub-components pre-connected to nteract's Redux state
npm install @nteract/stateful-componentsThis package exports a set of React components that are pre-connected to the Redux state as mapped by @nteract/core. This package is designed to reduced the hassle for building React-based applications for developers who are already building on top of the core SDK. It also exposes several interfaces for extending the mapStateToProps, mapDispatchToProps, and styles of the individual components.
``
$ yarn add @nteract/stateful-components
`
$ npm install --save @nteract/stateful-components
You can import the top-level Notebook component which contains the canonical setup for a Jupyter-backed notebook application.
`
import { Notebook } from "@nteract/stateful-components"
class MyNotebook extends React.Component {
render() {
return
}
}
`
Alternatively, you can assemble your own notebook-UI from the subcomponents. For example, to swap out the canonical MarkdownCell implementation.
`
import { Cells, Cell, CodeCell, RawCell } from "@nteract/stateful-components";
class MyMarkdownCell extends React.Component {
static defaultProps = {
cell_type: "markdown"
}
render() {
return
My custom logic here
;class MyNotebook extends React.Component {
render() {
return
}
}
`
We're working on adding more documentation for this component. Stay tuned by watching this repository!
If you experience an issue while using this package or have a feature request, please file an issue on the issue board and add the pkg:stateful-components` label.