Use react components in TiddlyWiki!

#1

I’m working on adding React and MDX support to TiddlyWiki.
My plan is to open source it when it’s usable, but here’s a demo:
https://neumark.github.io/tw5/react_demo.html

3 Likes
#2

Nice! I think @linonetwo is working on something similar?

See earlier discussion here: What's your opinion about using ReactJS in the plugin?

#3

Thank you for linking the previous discussion, I didn’t realize @linonetwo was working on the same thing. Cool! :slight_smile:

#4

Very cool! Eagerly waiting to see more feature from react in TW.

#5

Yes, it is working, but still need https://github.com/Jermolene/TiddlyWiki5/pull/6699 to be merged to get better dev experience.

#6

@neumark tw has 10 years of history, so it is better to ask for existence before start building things! This will bring force together.

#7

Good Point on checking first! I vaguely remember doing a search before starting implementation and not finding much. It’s great to see the TW5 community is so active!

I implemented a removal detector for tiddlers in the story river by listening to the tm-close-all-tiddlers, tm-close-tiddler, tm-close-other-tiddlers widget messages on the navigator widget. This way the Widget interface doesn’t need to be modified.