ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-22 04:35:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update content/tutorials/build-apps/build-a-desktop-wallet-in-javascript.md

Browse Source 
Co-authored-by: Jackson Mills <aim4math@gmail.com>
This commit is contained in:
Alexander Busse
2023-07-01 16:44:57 +02:00
committed by GitHub
parent 3853b76eb9
commit b9eabf2159
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
content/tutorials/build-apps/build-a-desktop-wallet-in-javascript.md
View File

@@ -119,11 +119,11 @@ The file `view/1_preload.js` does the main wiring of the application. The file `
This example shows how to do Inter Process Communication (IPC) in Electron. Technically, JavaScript has no true parallel processes or threading, because it follows a single-threaded event-driven paradigm. Nonetheless Electron provides us with two IPC modules called `ipcMain` and `ipcRenderer`. We can roughly equate those two to a backend process and a frontend process when we think in terms of client-server applications. It works as follows: This example shows how to do Inter Process Communication (IPC) in Electron. Technically, JavaScript has no true parallel processes or threading, because it follows a single-threaded event-driven paradigm. Nonetheless Electron provides us with two IPC modules called `ipcMain` and `ipcRenderer`. We can roughly equate those two to a backend process and a frontend process when we think in terms of client-server applications. It works as follows:
1. Create a function that enables the frontend to subscribe to backend events (in `view/1_preload.js`) 1. We start by create a function that enables the frontend to subscribe to backend events (in `view/1_preload.js`)
2. Make the function available by preloading it (webPreferences.preload during window creation) 2. Then we make the function available by preloading it (webPreferences.preload during window creation)
3. Create a frontend view 3. This creates a frontend view
4. Use that function in the frontend (e.g. 1_renderer.js, loaded in 1_hello.html) to attach a callback that handles frontend updates when the event is dispatched 4. On the frontend, we can then use that function to attach a callback that handles frontend updates when the event is dispatched (e.g. How `1_renderer.js` is loaded in `1_hello.html`)
5. Dispatch the event from the backend (e.g. appWindow.webContents.send('update-ledger-index', value)) 5. Lastly, we dispatch the event from the backend (e.g. appWindow.webContents.send('update-ledger-index', value))
In the package.json file we have already defined some prepared commands to run our application according to the steps comprising the In the package.json file we have already defined some prepared commands to run our application according to the steps comprising the
structure of this tutorial. To get the application running at this early stage of development, run the following command: structure of this tutorial. To get the application running at this early stage of development, run the following command: