This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Yuki Kimoto - SPVM - Perl Club
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
<div id="like_button_container"></div>
HTML Header
<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
<script src="like_button.js"></script>
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.
This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Yuki Kimoto - SPVM - Perl Club
Yuki Kimoto - SPVM - Perl Club | Sciencx (2022-12-16T23:05:00+00:00) How to use React with Perl/Mojolicious web frame work. Retrieved from https://www.scien.cx/2022/12/16/how-to-use-react-with-perl-mojolicious-web-frame-work/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.