Using react.js as plugin

Does anyone tried to use React.js as plugin? Is there any way to do this?

Hello @rafikoff
Do you mean as framework? ONLYOFFICE Docs React component - ONLYOFFICE Api Documentation
If I misunderstood the situation, please provide us with details on your desired usage scenario.

I have a react application that I want to use as onlyoffice plugin (Getting started with plugins - ONLYOFFICE Api Documentation).
But I can’t find any documentation page that can explain to me how to use react app in plugins instead of vanilla js.

Yes, you can use React.js as an ONLYOFFICE plugin. Compile your React app into a single JavaScript file, create the plugin structure as per the ONLYOFFICE guide,User Guides - ONLYOFFICE and embed the compiled file into the plugin. Initialize your React app within the plugin’s DOM element.


Thank you!
What if I want to use Asc.scope to exchange data between only office and react application?
For example, my react application is designed to build charts based on data from onlyoffice:

const ChartSection = () => {
const data = //get data from some range {for example A2:A10} in worksheet
           type = {'bar'}
           dataset = {data}

We’ll try to check it out. I will update this thread when we have something to share.

Hello @rafikoff
It should work this way:

function setAscScope() { = "Hello world!";

connector.callCommand(function () {

var oWorksheet = Api.GetActiveSheet();


var data = oWorksheet.GetRange("B1").GetValue();

return data


(data) => { console.log(data) }),

isNoCalc = true