How to Integrate jitsi-meet in new react-app(Web) how can i use its component

I’m creating a new React-app and want to use jitsi-meet but there is no component, any doc I found to integerate JITSI-MEET in my React Application there is only simple js stuff they have provided i.e.

var domain = "";
    var options = {
        roomName: "JitsiMeetAPIExample",
        width: 700,
        height: 180,
        parentNode: undefined,
        configOverwrite: {},
        interfaceConfigOverwrite: {
            filmStripOnly: true
    var api = new JitsiMeetExternalAPI(domain, options);

but I need to know what are the industry standards to create a react-app(Web) with Jitsi-meet and what are the components I need to use and how can I integrate

I want to stream a single video in a div and customize it according to my own UI design

Right now the recommended approach is the JitsiMeetExternalAPI. Example usage is in jitsi-meet-spot and jitsi-meet-electron, both of which use react. It’s how integration was done in HipChat/Stride and is being done in Virtual Office, all which are React. Currently jitsi-meet web is not in a place where it’s consumable through individual components. If you want to create your own UI but want to reuse jitsi-meet backend, you can try using lib-jitsi-meet by itself, which handles conference connection communication and media.