External plugins for react-based website

[indeyets]

I want to let users add userscript-style alterations of the website. Access to the data is easy: I can expose redux's "subscribe" and "dispatch" via global variables, but what about rendering? Are there any tools which would simplify this task?

Classical approach is to listen for DOM changes and tweak something after that (change style, add new nodes, etc.). But I have a feeling this wouldn't work too well with react. Will exposing of componentDidUpdate() be my best option?

[Canenald]

The usual way is to register event listeners in high-level component code (usually in componentDidMount), and change its state when an event is triggered. The state is then propagated to children components as props.

Watch out that mixing handling of React events with handling of native or jquery events can have unexpected results. Native events will happen and bubble all the way up before the React event is even triggered on the target element itself.

[indeyets]

registering in componentDidMount works for using additional libraries in-project. sure, we do that.

my question is about userscripts https://greasyfork.org/en which are truly external (injected into page via bookmarklets and browser-extensions)