ReactJS + Layout components

Webix JS
#1

Hi there, I’m wondering if it’s possible to insert React components into Webix view components. For example:

import SomeComponent from ‘somecomponent’;

webix.ui({
  type: 'width',
  view: 'flexlayout',
  cols: [
    { template: '<SomeComponent />' },
    { template: '<OtherComponent />'
  ]
}
#2

Hi,

Approach is a bit different, but it’s quite easy to render the React component in the Webix template.

Generally, it will work as follows:

ReactDOM.render(
  <App />,
  "container"
);
webix.ui({
	view:"template",
	content: "container" // moves container to the Webix template
});

This code will render a component within the initialized ui.template:

ReactDOM.render(
  <App />,
  $$("templateId").$view
);

Or you can create your own custom component based on a basic ui.view:

https://jsfiddle.net/mmbo2ueo/