odoo
React

June 07, 2022

5 min Read

Can we add React in Odoo?

Can we add React in Odoo?

Frontend frameworks and libraries like React, Angular, Vue, etc. are essential for building web applications these days. Odoo ERP being a business software that provides solutions like enterprise resource planning for all business have a large amount of data to be displayed on the frontend side. Data that can be handled and displayed in a user-friendly way is a must for any business to be successful.

In this article, we’ll discuss how to embed React in Odoo, not connecting odoo data to any external react website instance. (That's too possible but this article is not about that part)

Why use React? ⚛️

React is a JavaScript library that allows you to create flexible and fast user interfaces. It is Library created by Facebook. It has a large community of developers and is used by many companies like Facebook, Netflix, Uber, Airbnb, etc.

We can say React is a front-end library that can be used to build applications with large data that can be refreshed and updated in real-time without any page reload.

Now you must be asking why we should use React in Odoo? The simple answer is that React opens the door to a new way of building your application with endless possibilities. Interactive Tables, Charts, Dashboards, Any type of data visualization, etc.

Embedding React in Odoo

But, how can we integrate React into Odoo? When we say React in Odoo, we Talk about creating a React app inside your odoo instance. This is done by creating an odoo module without any required apps or any other dependency.

Docket in menu
Access from odoo website menu

All the custom React-based modules can be accessed from the website menu.

Examples

It will be easy to understand what we can do with React in Odoo with the help of some examples:

Skucast

Skucast is a great tool to manage your business products using excel like UI. Skucast helps to keep an eye on the products to keep them in stock. It is a tool used for inventory forecasting in excel like UI within Odoo. Interested in buying this app? Buy Here 🛒. Learn more about Skucast here 📖.

Docket in menu
Skucast main table view

In an application like skucast highly complex data has to handle in as simple as way possible which requires implementing a lot of features. Skucast is a great example to show how a powerful frontend tool can be created inside Odoo. Custom React modules are a great way to handle and manage your data the way you want.

Conclusion

If you're looking to create a React app inside your Odoo instance, then look no further. Contact us and we will get back to you with the best solution for you.