Тёмный

How to Create a Cross-Platform Desktop App with React and Electron 

Code Tega
Подписаться 599
Просмотров 15 тыс.
50% 1

Опубликовано:

 

21 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 43   
@CodeTega
@CodeTega 3 месяца назад
Make sure you npm install @babel/core as well!
@LetscookYummyrecpies
@LetscookYummyrecpies 3 месяца назад
Hey I need you help please.
@lukasruman9247
@lukasruman9247 Месяц назад
Yeah, I would recommend this approach for nearly everyone trying to get into electron. I'm really glad someone posted tutorial about electron forge that isn't outdated like 4 years ago and covers the integration of react framework. As of beginner-friendly aspect, I'm telling you, it's the best option to start and learn electron. Appreciate the video... 👍 7:27 just as you said, I used the resolve:{extensions:[(*any extension you want to be resolved, for example:) '.js', '.jsx', '.json']} webpack configuration and faced no problems whatsoever. Meanwhile, it is not a electron configuration but more of webpack configuration. Like I'm not trying to force-change your opinion, but I would die typing every extension manually.
@mecaniac9605
@mecaniac9605 20 дней назад
very thanks, you saved my project! finally a way that actually works !
@team_Alpha-307
@team_Alpha-307 4 месяца назад
thank you, tutorials on electron are really hard to find. and this helped so so much. We're also interested in including tailwinds to the project
@CodeTega
@CodeTega 3 месяца назад
I’m posting the video this week. Got a little swamped at work and havnt been able to make it. But making it tomorrow and will have it posted this week. Thank you for the feedback! Really appreciate it
@CodeTega
@CodeTega 3 месяца назад
Just posted the video in case you still need it. Skip to 9:30 if you just need the tailwind piece. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-SiMIBb20S7c.html
@vxlx112
@vxlx112 6 месяцев назад
Definitely would like a guide on how to implement Tailwindcss with this configuration
@CodeTega
@CodeTega 6 месяцев назад
Will do, working on one today
@CodeTega
@CodeTega 3 месяца назад
Just posted the video in case you still need it. Skip to 9:30 if you just need the tailwind piece. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-SiMIBb20S7c.html
@congkon5493
@congkon5493 3 месяца назад
Can you make another video on how to connect to splite3 sequelize ORM?
@uufukyucel
@uufukyucel 18 часов назад
how to fix cors? JavaScript because 'unsafe-eval' is not an allowed
@ebenezer8694
@ebenezer8694 2 месяца назад
That's awesome. Can you also show how to integrate typescirpt. It would be really helpful.
@mayedakonika6606
@mayedakonika6606 Месяц назад
This is really helpful.Thank you
@mohammedmusaib6701
@mohammedmusaib6701 7 месяцев назад
I want to build electron app with playwrite feature like fill click check unchecked etc. What the step i have to take can u make video regarding this I will very help full 😊
@mohammedmusaib6701
@mohammedmusaib6701 7 месяцев назад
Do you how how to create deep link for linux I now mac and window it working but not in linux😢
@SimranSingh
@SimranSingh 6 месяцев назад
Please make video on how to implement Tailwind CSS with this configuration
@CodeTega
@CodeTega 6 месяцев назад
Will do! Working on one today
@CodeTega
@CodeTega 3 месяца назад
Just posted the video in case you still need it. Skip to 9:30 if you just need the tailwind piece. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-SiMIBb20S7c.html
@dundundungdun
@dundundungdun 23 дня назад
can you show the main.js script? because my index jsx not showing when npm start
@littlegreymen
@littlegreymen 2 месяца назад
very useful thank you kindly
@yishakabrham5002
@yishakabrham5002 2 месяца назад
this helps me a lot thank u
@vihangajanith2664
@vihangajanith2664 8 месяцев назад
thank you for the tutorial, how to build the app ?
@CodeTega
@CodeTega 3 месяца назад
Anytime, hopefully it was helpful! Thank you for the feedback, I truly appreciate it.
@paulohenriquemendesdesouza7459
@paulohenriquemendesdesouza7459 Месяц назад
Electron applications can work offline?
@mathewadeyemi5389
@mathewadeyemi5389 6 месяцев назад
i found this video helpful may God bless you. but what about if we want to implement better-sqlite3 database to perform crud operation
@CodeTega
@CodeTega 3 месяца назад
I'll be making a video on SQLite here soon, currently I have one up for a Firebase Database.
@LetscookYummyrecpies
@LetscookYummyrecpies 3 месяца назад
Well can i use node integrations in renderer process
@CodeTega
@CodeTega 3 месяца назад
If I understand your question correctly, then generally I wouldn't recommended it due to security issues, but it is possible. If you are going load/execute code from trusted sources then there is very little risk if enabled and possible. Its done quite often, just not the most recommended on some cases. In Electron, the renderer process runs in the same context as a web page, making it more vulnerable to potential security risks, especially if you load remote content. If you need to run it, then there is nodeIntegration boolean you can enable in your BrowserWindow promise. const createWindow = () => { const mainWindow = new BrowserWindow({ webPreferences: { nodeIntegration: true, // Enable Node.js integration preload: MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY, }, autoHideMenuBar: true, }); Setting it up might require some testing and research on your end depending on use case, but it is very possible and done quite often with Electron. Hope that helped.
@LetscookYummyrecpies
@LetscookYummyrecpies 3 месяца назад
@@CodeTega Thank you I understood. Its just a music app for me just for me. It will be in my colllection. You are good By the way. Very fast response
@nubcops220
@nubcops220 3 месяца назад
ty
@RayWang-te2wo
@RayWang-te2wo 5 месяцев назад
npm WARN deprecated gar@1.0.4: Package no longer supported. for babel
@Nico-bn9qi
@Nico-bn9qi 6 месяцев назад
Very good
@CodeTega
@CodeTega 3 месяца назад
Thanks!
@yinks87
@yinks87 6 месяцев назад
This way is not working anymore. There is no webpack.xx.js, no renderer.js file and no main.js installed.
@yinks87
@yinks87 5 месяцев назад
@Lucky-_-luck ah, sry… i fixed it. I use a different console and it works
@CodeTega
@CodeTega 3 месяца назад
Glad you got it fixed!
@kevinmackey7061
@kevinmackey7061 8 месяцев назад
What about those of us without git? npm init electron-app@latest testapp -- --template=webpack . . . ■ Installing template dependencies An unhandled rejection has occurred inside Forge: Error: Command failed: git init 'git' is not recognized as an internal or external command, operable program or batch file.
@CodeTega
@CodeTega 8 месяцев назад
You’ll have to install git if it’s not installed already. Follow the instructions here depending on your device git-scm.com/book/en/v2/Getting-Started-Installing-Git
Далее
Tauri in 100 Seconds
2:40
Просмотров 684 тыс.
ELECTRON: why people HATE it, why devs USE it
17:19
Просмотров 192 тыс.
How to create a basic Electron app with Vite and React
12:57
Create a Desktop App With JavaScript & Electron
1:11:48
Просмотров 369 тыс.
ADCS ESC15 AKA EKUwu Abuse (CVE-2024-49019)
12:55