Skip to Content

React Framework for Odoo | React 19 Apps, Widgets & Field Components

by
Odoo

$ 49.01

v 18.0 Third Party
You bought this module and need support? Click here!
React Framework for Odoo

React Framework for Odoo

Write React 19 (JSX & TypeScript) directly inside Odoo — compiled in the browser, no build step, no deployment.

React views for any model

Define completely standard Odoo view XML with js_class="react_list", react_form or react_kanban — React renders it. Modern SaaS design: search, rule-based filters, group by, CSV export, column picker, pagination; forms with View / Edit modes, section layouts, tabs, statusbar, buttons and wizards.

Vite-like developer experience

Ship real .tsx / .jsx files in your module with relative imports across files. Edit in your IDE, refresh the browser — compiled on the fly. Declare apps and npm packages in a single react_packages.json at your module root.

npm packages, automatically

List packages (with CSS imports) — the server installs and bundles them on module upgrade. import dayjs from "dayjs" or use Mantine, three.js, recharts… React itself is shared, never duplicated.

Complete component library

@odoo/ui: ListView, ArchFormView, KanbanView, GraphView, Chatter (messages, notes, activities), Dialog, Dropdown, Tabs, SelectMenu, TagsInput, ControlPanel, charts and more — plus an SDK (ORM, actions, notifications, user) that always respects access rights.

How it works

  1. Create an app in React Apps → Studio (or declare it in your module) and hit Run — the code compiles in the browser.
  2. Embed components as field widgets (widget="react_widget") or view widgets in any existing form.
  3. Render whole screens with js_class="react_list" / react_form in standard view XML.
  4. Interactive documentation with a live component playground is included (React Apps → Documentation).

Technical notes

  • Odoo 18, Community & Enterprise. React 19 runtime is lazy-loaded — zero impact on standard pages.
  • Translations & RTL built in (follows each user's Odoo language, Arabic-ready).
  • npm auto-install and runtime auto-build require node/npm on the server (optional otherwise).
  • All data access goes through the standard ORM — user access rights and record rules always apply.

TedRed Apps

Powers Super Insights — the AI BI dashboard builder

The React Framework is the runtime behind Super Insights: describe a dashboard in plain language and the AI builds it live, verified against your real data. Find it on the TedRed publisher page on the Odoo Apps store.

Support: support@tedred.com · tedred.com

Availability
Odoo Online
Odoo.sh
On Premise
Lines of code 1932
Technical Name web_react
LicenseOPL-1
Websitehttps://tedred.com 
Odoo Proprietary License v1.0

This software and associated files (the "Software") may only be used (executed,
modified, executed after modifications) if you have purchased a valid license
from the authors, typically via Odoo Apps, or if you have received a written
agreement from the authors of the Software (see the COPYRIGHT file).

You may develop Odoo modules that use the Software as a library (typically
by depending on it, importing it and using its resources), but without copying
any source code or material from the Software. You may distribute those
modules under the license of your choice, provided that this license is
compatible with the terms of the Odoo Proprietary License (For example:
LGPL, MIT, or proprietary licenses similar to this one).

It is forbidden to publish, distribute, sublicense, or sell copies of the Software
or modified copies of the Software.

The above copyright notice and this permission notice must be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
DEALINGS IN THE SOFTWARE.

Please log in to comment on this module

  • The author can leave a single reply to each comment.
  • This section is meant to ask simple questions or leave a rating. Every report of a problem experienced while using the module should be addressed to the author directly (refer to the following point).
  • If you want to start a discussion with the author or have a question related to your purchase, please use the support page.