DEV Community

Cover image for Starter Code Generator for Electron with Vue or React

Starter Code Generator for Electron with Vue or React

Rajvir Singh on September 17, 2021

What is Elecrue? First of all let me tell you the main point of this elecrue thing. Elecrue is a boilerplate generator npm package,...
Collapse
 
rajvirsingh1313 profile image
Rajvir Singh

I hope you all found Elecrue helpful, If you guys have any feedback about my writing style or presentation style, I will surely hear. And let me know, If you guys want any new template to be added in Elecrue.
Have a good day,
Rajvir Singh

Collapse
 
gfarinacci profile image
Giuseppe Farinacci

Thanks for this project. It seems useful. But from my experience not using IPC and hosting a local web server usually causes problems with the antivirus. So, I strongly suggest the usage of IPC.

Collapse
 
rajvirsingh1313 profile image
Rajvir Singh

I think it is my mistake, not having enough experience for using IPC correctly. I will surely give a try to IPC, if it got good with me, I will surely update this article and the project. Thanks Alot for the comment

Collapse
 
rajvirsingh1313 profile image
Rajvir Singh

A little update Giuseppe, I tried IPC, but I am not able to import the ipcRenderer into react file. Let me know if you got any solution to this problem

Thread Thread
 
gfarinacci profile image
Giuseppe Farinacci

Here there is an example: medium.com/folkdevelopers/the-ulti...

Thread Thread
 
rajvirsingh1313 profile image
Rajvir Singh

Oh I was following that article. But I got window require error, and then I tried with only require then I also got error. At the end I tried with import, but the I got error about fs.writeSync not defind something like that. Can you try on your local pc, maybe it work? Let me know, and thanks for the replying

Collapse
 
raibtoffoletto profile image
Raí B. Toffoletto

Well done 🎉. Looks very promising, I'll give it a try later at home. But I still think the IPC is the way to go, writing a fake api and running a node server seems way more complicated than properly setting up IPC. In a project at work, using IPC with react hooks make things very smooth. If the problem is implementing it in your project, maybe have a look at other boiler plates to get an idea how they do. 😉

Collapse
 
rajvirsingh1313 profile image
Rajvir Singh

Yeah I think too, as IPC is specifically is built for doing this specific task, and it would be obvious that it would be way better than the express api. I don't know why but it came to be hard for me, Maybe it can be my fault so I will try again, by looking at other boiler plates, as you said 😉. Let me know if you have any suggestion about it or if you can guide me setting up IPC with react hooks.

Stay Healthy,
Have a nice day

Collapse
 
shahriyarrahman profile image
Shahriyar Rahman

Cool project, i would love to have tailwind added in Vue template too. Great work man

Collapse
 
rajvirsingh1313 profile image
Rajvir Singh

Sure I will surely add tailwind to vue template too, sorry for not having it in the first place, As I am mainly good at react so thats why I was little confused about vue templates, But yeah I will surely add it. Thanks for the suggestion Shahriyar, Try contributing if you like

Collapse
 
rajvirsingh1313 profile image
Rajvir Singh

Hey Shahriyar, I have added the tailwindcss to vue template, I hope you will like it. Do check it out, Have a good day

Collapse
 
deninpaulv profile image
Denin Paul

Yo cool project! And great article on it...all the best!!

Collapse
 
rajvirsingh1313 profile image
Rajvir Singh

Thanks Bro

Collapse
 
suleodu profile image
Adedayo Sule-odu

Great but how can I use Vue with bootstrap

Collapse
 
rajvirsingh1313 profile image
Rajvir Singh

I will surely add it Adedayo, Thanks for the suggestion

Collapse
 
clouwood profile image
Vishal Goyal