Using react as a frontend lib in development mode

[lishtvan]

Can someone explain how to setup metacom in react properly?

Im trying with simple create-react-app setup and npm i metacom.

import './App.css';
import { Metacom } from 'metacom'

const metacom = new Metacom('http://localhost:8001/');

function App() {

  (async () => {
    await metacom.load('auth'); // Load `auth` interface
  })();


  return (
    <div className="App">hello</div>
  );
}

export default App;

Getting: TypeError: this.open is not a function

[lishtvan]

Changing
const metacom = new Metacom('http://localhost:8001/');
to
const metacom = Metacom.create('http://localhost:8001/api');
Worked for me, @tshemsedinov should I create pull request or issue?

[tshemsedinov]

Use ws:// or wss:// instead of http://

[tshemsedinov]

Pr or issue for what?

[lishtvan]

Thanks! ws:// also works for me. I thought we need example for using it with React, because its not obvious now

[tshemsedinov]

We can't add examples for all front-end frameworks, why don't add angular and vue, ember and svelte? We have an example for vanilla.js here: https://github.com/metarhia/Example/blob/master/application/static/console.js and it's obvious how to plug metacom to any framework.

[tshemsedinov]

ws:// should be used in 99% cases, http:// will just emulate metacom over http with disconnect after each api call