Frontend Development Issue( React hot reloaded UI is'nt working)

Hl everyone,
I’m working on OpenELIS frontend UI contributions. But whenever I make a change in UI, I need to run docker command to see the reflected changes. It does works and shows reflected changes in UI, But it makes development experience much more slower. Also according to Readme.md in official repo of OpenELIS it says
Any Changes to the Front-end React Source Code will be directly Hot Reloaded in the UI.
But I am not able to see it immediately the changes until I run this command

docker-compose -f dev.docker-compose.yml up -d

Is there any way to come up with react hot reload?
Looking for any guidance,
Mohammed Saqlain Ahmed

1 Like

I think you just have to press the reload button at the top of the web page and UI changes should be visible. Can you share exactly what you changed in the UI?

3 Likes

hey @peach280 sorry for late reply, I was struggling with some login issues. But that is fine for now. Well talking about the hot reload issue, I just made some text changes but didn’t reflect it in the UI. Yes, I made a reload, cleared the cache in the browser, But didn’t seem to work.
here is the image of what I just changed

EDIT: This is out of context, but can anyone tell why I am seeing these warnings like Delete CR all over the codebase

Any guidance would be appreciated!

Every Thursday, we have a DEV call at 10:30 IST. Join if possible, we can find the fix ! @MD_Saqlain_Ahmed

I think a simple reload will work without rebuilding the docker.

Can you share the changes that makes you rebuild the docker?

@aditya Sure, Just let me know where I could find the joining link and I’ll be there!

check the latest msg here

1 Like

@mxhdiqaim No, it’s not working for me. Well changes reflected when I only did docker compose down and then up which was 2 days ago. Now even that isn’t working.

@MD_Saqlain_Ahmed is your hardware sufficient enough? I have similar experience when I am using my previous laptop with very limited power. Docker tends to be compute intensive.

@mxhdiqaim Here are my details about my current laptop

Microsoft windows 11 HP laptop
Processor: AMD Ryzen 5000 with AMD Radeon graphics, 6 cores with 12 logical processors
and the rest of details:

Is this fair enough for the computation you are talking about?