How does server side rendering integrate with client side react / preact?

I would like to build a web app with server side rendered HTML (ideally using preact on the backend) and then have preact progressively take over the interface in a lazy fashion to control onClick bindings and other events.

The main point is I don't want the loading of javascript libraries to have any impact on initial rendering speed.

What are some best practices and examples of this being done?

I am aware http://dev.to does this with rails but not sure how the integration level between preact and the HTML happens.

Thanks 🙏