02 React CRA inisde Electron JS desktop app and how to run the production build static files

  Рет қаралды 24,430

Amitav Roy

Amitav Roy

Күн бұрын

Пікірлер: 39
@muhammadaliawan9672
@muhammadaliawan9672 5 ай бұрын
Sir this is super amazing. Tutorial i found on youtube
@amitavroydev
@amitavroydev 5 ай бұрын
Thanks for the feedback 👍
@Lyzeuph
@Lyzeuph Жыл бұрын
Finally! Thank you, sir! I wish I would have found your videos sooner!
@amitavroydev
@amitavroydev Жыл бұрын
Glad to help!
@CodeWithMuhammadAhsan
@CodeWithMuhammadAhsan 3 ай бұрын
perfect everything works on my pc too
@amitavroydev
@amitavroydev Ай бұрын
That's great
@GameskoTV
@GameskoTV Жыл бұрын
Thanks!!! for vite is this export default defineConfig({ plugins: [vue()], base: './' })
@amitavroydev
@amitavroydev Жыл бұрын
@GameskoTV thanks for the support
@harshmittal63
@harshmittal63 4 ай бұрын
@amitavroydev
@amitavroydev 4 ай бұрын
👍
@abhidev488
@abhidev488 Жыл бұрын
Hey thanks for series. And I can see there is no node_modules folder under your app directory how did you do that ? I mean, in my code there is two node_modules folders one in the root and another inside app/
@amitavroydev
@amitavroydev Жыл бұрын
I do have the node_modules folder. I have one config in VS code which hides the node_modules folder from the folder list
@snowin_jj
@snowin_jj Жыл бұрын
Hey, for some reason the app doesn't works well. I cloned your repo. and installed the dependencies and build the react app and updated the loadURL in main.js. When I ran my app I am seeing a black page. I 've checked the file paths in build index.html file. What are solution I can try? I am using Windows 11.
@amitavroydev
@amitavroydev Жыл бұрын
Quite possible a node version issue. Why don’t you delete the package lock file and run a fresh install
@CodeWithMuhammadAhsan
@CodeWithMuhammadAhsan 3 ай бұрын
amazing,
@amitavroydev
@amitavroydev Ай бұрын
Thanks
@2005bgva
@2005bgva 3 ай бұрын
Advise: For Vite users, it is not necesary to add "homepage": "." to package.json. Instead add "base: './'," to "vite.config.ts"
@amitavroydev
@amitavroydev 3 ай бұрын
Okay, thanks for the information
@p.p526
@p.p526 Жыл бұрын
WIth Angular it's not working, when we directly use localhost it's working but from dist (similar to build in Angular) it's not working.
@amitavroydev
@amitavroydev Жыл бұрын
how are you loading the dist files?
@ahmedmhmouad7231
@ahmedmhmouad7231 3 ай бұрын
how can i make changes in front end show automatically without rebuild it each time
@amitavroydev
@amitavroydev Ай бұрын
You can run it on a server and use that as the URL
@kartikekishore8089
@kartikekishore8089 Жыл бұрын
Can you tell me how to package the app for distribution. I want the user not to see my source code. Maybe an ASAR, I came across electron builder but facing some problem. Can you help me?
@amitavroydev
@amitavroydev Жыл бұрын
So sorry, even I have not done that yet. My team members have done it. Let me see if I can do that and make a video
@muhammadayyazanjum2130
@muhammadayyazanjum2130 3 ай бұрын
do i need to run the command npm run build again again once i make a change is there any other way
@amitavroydev
@amitavroydev 3 ай бұрын
no
@KhaledGhallabPro
@KhaledGhallabPro Жыл бұрын
I do not use CRA I use Vite instead .. Please help in solving a problem "homepage": ".",
@amitavroydev
@amitavroydev Жыл бұрын
I haven't used vite outside of the default Laravel setup.
@henriquedelimapessoa6135
@henriquedelimapessoa6135 Жыл бұрын
same problem =(
@GameskoTV
@GameskoTV Жыл бұрын
export default defineConfig({ plugins: [vue()], base: './' })
@arshu0.720
@arshu0.720 Жыл бұрын
But every time we want build😢
@amitavroydev
@amitavroydev Жыл бұрын
Why so? First you will do the development and then create the build
@arshu0.720
@arshu0.720 Жыл бұрын
@@amitavroydevno auto loading
@amitavroydev
@amitavroydev Жыл бұрын
@@arshu0.720 sorry, I am not able to understand your problem
@francislainycampos2035
@francislainycampos2035 2 ай бұрын
@@amitavroydev I think the question is how to get back to the behaviour we had when the page was loading the changes automatically so that we don't need to keep running the build command to see those changes.
@richmondxaviergnanhi8611
@richmondxaviergnanhi8611 Жыл бұрын
next step
@amitavroydev
@amitavroydev Жыл бұрын
Have uploaded the next video. Do check out
@shubhamchaudhary9468
@shubhamchaudhary9468 10 ай бұрын
When trying to loadFile using "path.join(__dirname, "./electron-react/build/index.html"", it is throwing error "Not allowed to load local resource: file:///C:/[FolderPath]/build/index.html"
@amitavroydev
@amitavroydev 10 ай бұрын
The path doesn’t seem to be correct
01 - Setting up an Electronjs desktop app with basic setup
13:28
Миллионер | 2 - серия
16:04
Million Show
Рет қаралды 1,8 МЛН
Elza love to eat chiken🍗⚡ #dog #pets
00:17
ElzaDog
Рет қаралды 14 МЛН
ЛУЧШИЙ ФОКУС + секрет! #shorts
00:12
Роман Magic
Рет қаралды 15 МЛН
Build a SaaS in 60 Minutes (Softr, Airtable + Make.com)
59:51
Stephen G. Pope
Рет қаралды 114 М.
Vite Crash Course | Faster Alternative To CRA
16:24
Traversy Media
Рет қаралды 208 М.
How to integrate React into an Electron App? 🔥
23:14
Atharva Deosthale
Рет қаралды 10 М.
React Native vs Flutter - Which should you use?
22:31
Simon Grimm
Рет қаралды 42 М.
How To Build Feature Flags Like A Senior Dev In 20 Minutes
20:33
Web Dev Simplified
Рет қаралды 52 М.
Goodbye Electron.js 👋
6:09
Mehul - Codedamn
Рет қаралды 103 М.
Electron with React JS under 40 min!
36:36
Eincode
Рет қаралды 87 М.
Turn Web App (React) into a Desktop App with Electron
12:14
UI By Ayaz
Рет қаралды 8 М.
Миллионер | 2 - серия
16:04
Million Show
Рет қаралды 1,8 МЛН