Let's see the IPC in action with a React component:App.js

App.js

import React from 'react';
import './App.css';
const { ipcRenderer } = window.require('electron');

function App() {
            return (
                <div className="App">
              
                    <button onClick={()=>{
              
                        ipcRenderer.send('anything-asynchronous', 'ping')
              
                    }}>Async</button>


                    <button onClick={()=>{
                                     
                        // prints "pong"         
                        console.log(ipcRenderer.sendSync('anything-synchronous', 'pong')) 
                                     
                    
                    }}>Sync</button>

                </div>
            );
        }

export default App;