@larva.io/webcomponents-react

Larva.io components Ract wrapper

Larva WebComponents are used to develop hybrid mobile applications for Larva.io infrastructure and controllers. Those components are actual User Interface Component - each component corresponds to the Larva.io Controllers User Interface nodes that you can use on a flow. Those WebComponents should be loaded dynamically based on a controller (flow) configuration.

For a Larva.io real-time communication between components and controllers, you must use suitable communication module, like this one @larva.io/clouddevice.

License: Attribution-NoDerivatives 4.0 International

Documentation

docs.larva.io

Getting started

npm install --save @larva.io/webcomponents-react

main.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import Component from './Component';
import '@larva.io/webcomponents-react';

ReactDOM.render(
  <React.StrictMode>
    <Component />
  </React.StrictMode>,
  document.getElementById('app')
);

Component.jsx

import { Component } from 'react';
import { LarApp } from '@larva.io/webcomponents-react';

export default class Component extends Component {

    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div>
                <LarApp></LarApp>
            </div>
        );
    }
}