Rework docs landing page

[rmorshea]

• For most things don't need to know JS/HTML/CSS
• If users don't know what React is, what is IDOM?
• Why use IDOM?
• Why use IDOM instead of Python + React?
  • IDOM is simpler (not more performant)
• Great for data science dashboards
• Integrates with most React components without extra work
• Remove the code-block, but call out examples (there's an examples tab for a reason)
• Add a grid of GIFs that link to the associated examples instead of the code-block.
• Link to the "getting started" and "the basics" pages

[rafaellichen]

I am able to build my own react component and publish it on NPM to use with IDOM. This technically means I can put a full-fledged react web app directly inside jupyter notebook with IDOM. I love this library ❤️ thank you so much.

[rmorshea]

@rafaellichen that's great to hear! It'd be cool to learn how your using IDOM - just start a discussion and I'd be happy to chat about it.

[rmorshea]

Closed by: 6b8119b

[rafaellichen]

@rafaellichen that's great to hear! It'd be cool to learn how your using IDOM - just start a discussion and I'd be happy to chat about it.

this is probably a very late response 😅 but here is the template for how we used this library to make jupyter notebook widget.
https://github.com/megagonlabs/react-jupyter-cookiecutter

[rmorshea]

Interesting! Is there anything in idom-jupyter you felt was lacking that motivated you to create this template? I was hoping people would be able to use idom-jupyter along with this JS component template repo without any modifications, but perhaps there's some issue I'm not aware of.

[rafaellichen]

Interesting! Is there anything in idom-jupyter you felt was lacking that motivated you to create this template? I was hoping people would be able to use idom-jupyter along with this JS component template repo without any modifications, but perhaps there's some issue I'm not aware of.

mostly minor details:

1. reload UI widget in notebook without restarting the notebook kernel. example
2. we noticed that rollup build time can be lengthy as the react app gets bigger. it takes 10-15+ seconds to build every time for our project. we used webpack for a different project and the build time gets reduced significantly. so we are planning to switch to webpack eventually.

[rmorshea]

reload UI widget in notebook without restarting the notebook kernel

From what I can tell, I'm guessing that this is useful while developing the widget? If so, I think this is a feature that could be built into the core of IDOM. The idea would be to create a thin wrapper around any exported components that would, on some cadence, check to see if the source file the component originates from has been modified and trigger a re-render.

we noticed that rollup build time can be lengthy

I'd be open to a contribution that would allow users of IDOM's template repo to select their preferred bundler. We could use a post_gen_project.py hook to accomplish this as see in this example.