How to use React with Perl/Mojolicious web frame work

How to use React with Mojolicious web frame work.

Let’s added the following code into a template file foo.html.ep of Mojolicious after downloading React.

HTML Body

HTML Header

JavaScript

const domContainer = document.querySelector('#like_button_container');
const root = ReactDOM.createRoot(domContainer);
root.render(e(LikeButton));

See also

I use the codes of the following site.

https://ja.reactjs.org/docs/add-react-to-a-website.html#add-react-in-one-minute

For Beginners

Mojolicious is a Perl web frame work that support async I/O like node.js.