DEV Community

Yuki Kimoto
Yuki Kimoto

Posted on

6

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

<div id="like_button_container"></div>
Enter fullscreen mode Exit fullscreen mode

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>
Enter fullscreen mode Exit fullscreen mode

JavaScript

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

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.

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how they’re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more