Multi Window Electron Desktop Apps

thank you .

this is really great. thank you. can you also show us sending some information from first window to the child window? like powerpoint.

help me!
I need the child screen to display the same as the parent screen

Hi! There is a problem when I try to open more than 3 windows with different sessions from main.html. How do you solve this problem?

For anyone watching in 2020, the require functions changed a bit
for ipc in your app.js it should be
const electron = require("electron");
const ipc = electron.ipcMain;


and then in main.js it should be
const electron = require("electron");
const ipc = electron.ipcRenderer

if your are facing an error for object.destroy() the problem is that you are making an instance of the browser window, all you need to is to create the browser window when your rec ivied an ipc.

Require is not a function in main.js

This doesn't work anymore

This video is great, thanks for the amazing narration of what you doing and explaining what is happening!

Hi.. How can I open a electron popup upon clicking a command from command pallete?

Hello,
i am stuck for a long time now. Need Help.
i need to access 2 cameras.
So i opened another window but it still takes the first camera even tho it is taking the other webcam. Since they were not running in one window.

ANY HELP WILL BE APPRECIATED.

I think you should use now ipcMain(in the main process) and ipcRenderer(in a subprocess). Thank you for your good idea!

Awesome video. Just one thing that I am confused about. If we have two html files, we loaded one in the prefs window by using loadURL method. Now I want to load second html file in the same prefs window. How do I load a different URL in the prefs window on the click of a button?

Great video!!!!! You're a great teacher...straight and to the point! Thanks so much

Thanks Man ;-)

Enjoyed the video! For newbs, run npm init in a new project directory first to get the package.json file, you can also change the start js file to app.js during the init questions. Due to changes since this video in addition to what others said in the comments, in the prefs.html I had to put (they also split ipc into ipcMain and ipcRenderer:
const electron = require('electron')
const {ipcRenderer} = electron

Top geeza now need to figure out how to implement into my code 🤣

Нормас! Nwjs - выкуси))
Если еще бы по русски говорил, то вообще бы заебательский мужик был))

People, invest some time and learn how to code properly on the platform you want to develop for. Electron is terrible.

That's great tutorial ...

When I open prefswindow second time it says object has been destroyed. Can anyone pls help me. Thanks!

This guy is amazing look at all those neat and clean code. BTW I understand everything Thanks Man!

will it be possible to do multi window and ipc with angular 4

This video is helpful for clarifying something the official docs failed to express. Quick and useful.

Kyle, great video it's very useful. I have a question about the perfs window create. It appears it's getting created when the app is ready and it's hidden until needed. Is there a way to create when needed and close when not needed. Otherwise you have a window hanging around consuming resources. Especially if you have an app than has many sub windows.

Thanks

every communication on electron is by IPC?

i am getting ipc.on is not a function error. how can i solve this ?

Pardon if it's been asked before but: What's your bash theme (thought it to be ZSH first) and the one used in your Atom? Looks very peppermint-y. Cheers!

Awesome video. Great learning. But facing a small issue. When I close the sub window and then reopen it, it throws some error. I guess the solution for this will be quite easy..Can you please help me out with this..

Sir we want more videos especially with angular-2-electron app.. thank u very much

hi
when i close the sub-window and reopen it i got an error :
Uncaught Exception:
Error: Object has been destroyed
at Error(native)
at EventEmitter.<anonymous>
...

is there a way to load the prefs.html into the main (same) window?

which application do you use for colors in the mac terminal?

These are great, and I appreciate all the effort you put into them. Looking forward to more electron.

Hi, i followed your video tutorials, able get things done and looks really cool with native look.
I've one question, in normal chrome browser i can hit ctrl+F and search within that html page. Is it possible to get this search enabled in electron's browser window?

I have been getting this error and I am pretty sure Electron comes with IPC

App threw an error during load
Error: Cannot find module 'ipc'

in main.js is now
const electron = require('electron')
const {remote} = electron
const {Menu} = remote.require('electron')

thanks!

>pronounces var incorrectly

You know, a basic rule of English pronunciation is that a word lacking a vowel after a consonant following a first vowel is supposed to be pronounced with the short form of the first vowel. This is literally something you learn in first grade English class. Kit -- k-ih-t, kite -- k-eye-t, game -- g-ay-m, gamma -- g-ah-muh

So why would you pronounce var as v-ay-r? Because it's short for "variable"? That's not how English works. Var is a separate word. An abbreviation of a longer word. The outside context is just that: outside context. It doesn't have any influence on how the new abbreviated word, or an acronym made from the word, is pronounced. It would be like pronouncing JPEG as "Jay-fayg". Nobody does that. Most people are smart enough to disconnect the "P" in JPEG from its origin in the word "Photographic". So why would it be any different for a short word derived from a longer word? It isn't.

Variable: v-ay-ree-uh-ble, long vowel sound cause a vowel comes after the leading consonant 'r'.
Var: v-ah-r, short vowel sound cause there is no vowel after the leading consonant 'r'. That is the correct pronunciation of var. There is no "iable" to alter the pronunciation.

If it were pronounced "v-ay-r", then it would be spelled like "vare" or "vair".

Also keep this in mind when you're programming C and need to use a `char *`. It's pronounced "ch-ah-r", not, "k-ay-r". The word is not character--it's char. It's only derived from character. But they are still different words.

Whenever you read a word for the first time and mindlessly pronounce it in your head without knowing what it is or what background it comes from--with few exceptions, that's usually the correct pronunciation. You were trained to do this in elementary school.

Really cool. I wonder if I can build a window manager with NodeJS and Electron.

200+ Mb filesize for Hello World! amazing

A very informative introduction! Thanks for making it.

Thanks a lot, Kyle. Your videos finally got me started into Electron :)

Very great and informative video !


One question. How do you store multiple windows in your application ? Just put them in an array and delete this array when closing the application ? Or hold an an representation of every single window ?

Excellent explanation Electron is a very interesting program applications on all three platforms tool, good supply

Hi Kyle, great tutorials on Electron.
Question: what would be the es6 import syntax for:
var remote = require('remote')
var something = remote.require('something')
?

My project is based on es6, so it would be nice having some consistency in modules imports ;)

cheers

very good video!

it great ideal if possible u can great series of tutorial about electron plzz