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

**URL:** https://talk.openelis-global.org/t/frontend-development-issue-react-hot-reloaded-ui-isnt-working/1530
**Category:** Development
**Tags:** dev
**Created:** [May 6, 2025, 9:45am UTC](https://talk.openelis-global.org/t/frontend-development-issue-react-hot-reloaded-ui-isnt-working/1530 "2025-05-06T09:45:56Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![MD\_Saqlain\_Ahmed](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.openelis-global.org/md_saqlain_ahmed/32/901_2.png) [@MD\_Saqlain\_Ahmed](https://talk.openelis-global.org/u/MD_Saqlain_Ahmed)
#### Post date: [May 6, 2025, 9:45am UTC](https://talk.openelis-global.org/t/frontend-development-issue-react-hot-reloaded-ui-isnt-working/1530/1 "2025-05-06T09:45:56Z")

</div>

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](https://github.com/DIGI-UW/OpenELIS-Global-2/blob/develop/frontend) 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

```auto
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

---

<div class="post-metadata">

### Author: ![peach280](https://avatars.discourse-cdn.com/v4/letter/p/d2c977/32.png) [@peach280](https://talk.openelis-global.org/u/peach280)
#### Post date: [May 6, 2025, 1:54pm UTC](https://talk.openelis-global.org/t/frontend-development-issue-react-hot-reloaded-ui-isnt-working/1530/2 "2025-05-06T13:54:13Z")

</div>

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?

---

<div class="post-metadata">

### Author: ![MD\_Saqlain\_Ahmed](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.openelis-global.org/md_saqlain_ahmed/32/901_2.png) [@MD\_Saqlain\_Ahmed](https://talk.openelis-global.org/u/MD_Saqlain_Ahmed)
#### Post date: [May 8, 2025, 7:23am UTC](https://talk.openelis-global.org/t/frontend-development-issue-react-hot-reloaded-ui-isnt-working/1530/3 "2025-05-08T07:23:00Z")

</div>

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

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/openelisci/original/1X/7a4605b9c1fc91b6746fed298c08ced0534d15c1.png)

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

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/openelisci/original/1X/fab7c665b6df07bd1f2194c8aee161f57123cd90.png)

Any guidance would be appreciated!

---

<div class="post-metadata">

### Author: ![aditya](https://avatars.discourse-cdn.com/v4/letter/a/df705f/32.png) [@aditya](https://talk.openelis-global.org/u/aditya)
#### Post date: [May 8, 2025, 12:14pm UTC](https://talk.openelis-global.org/t/frontend-development-issue-react-hot-reloaded-ui-isnt-working/1530/4 "2025-05-08T12:14:37Z")

</div>

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

---

<div class="post-metadata">

### Author: ![mxhdiqaim](https://avatars.discourse-cdn.com/v4/letter/m/ecd19e/32.png) [@mxhdiqaim](https://talk.openelis-global.org/u/mxhdiqaim)
#### Post date: [May 8, 2025, 1:52pm UTC](https://talk.openelis-global.org/t/frontend-development-issue-react-hot-reloaded-ui-isnt-working/1530/5 "2025-05-08T13:52:51Z")

</div>

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

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

---

<div class="post-metadata">

### Author: ![MD\_Saqlain\_Ahmed](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.openelis-global.org/md_saqlain_ahmed/32/901_2.png) [@MD\_Saqlain\_Ahmed](https://talk.openelis-global.org/u/MD_Saqlain_Ahmed)
#### Post date: [May 8, 2025, 2:30pm UTC](https://talk.openelis-global.org/t/frontend-development-issue-react-hot-reloaded-ui-isnt-working/1530/6 "2025-05-08T14:30:38Z")

</div>

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

---

<div class="post-metadata">

### Author: ![aditya](https://avatars.discourse-cdn.com/v4/letter/a/df705f/32.png) [@aditya](https://talk.openelis-global.org/u/aditya)
#### Post date: [May 8, 2025, 2:42pm UTC](https://talk.openelis-global.org/t/frontend-development-issue-react-hot-reloaded-ui-isnt-working/1530/7 "2025-05-08T14:42:41Z")

</div>

> [@DevDiscussion Break Happening Weekly every Thursday at 17:00-18:00 GMT](https://talk.openelis-global.org/t/devdiscussion-break-happening-weekly-every-thursday-at-1700-gmt/242/8):
>
> Thanks @Agaba_Derrick_Junior , So we will be having dev calls starting this week at 17:00-17:30 GMT every Thursday OpenELIS Community Dev Call Thursday, January 25 · 8:00 – 9:00pm Time zone: Africa/Nairobi Google Meet joining info Video call link: [https://meet.google.com/vst-tkbi-xbw](https://meet.google.com/vst-tkbi-xbw) Or dial: ‪(UG) +256 41 4238009‬ PIN: ‪664 432 839 3587‬# More phone numbers: [https://tel.meet/vst-tkbi-xbw?pin=6644328393587](https://tel.meet/vst-tkbi-xbw?pin=6644328393587)

check the latest msg here

---

<div class="post-metadata">

### Author: ![MD\_Saqlain\_Ahmed](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.openelis-global.org/md_saqlain_ahmed/32/901_2.png) [@MD\_Saqlain\_Ahmed](https://talk.openelis-global.org/u/MD_Saqlain_Ahmed)
#### Post date: [May 8, 2025, 2:44pm UTC](https://talk.openelis-global.org/t/frontend-development-issue-react-hot-reloaded-ui-isnt-working/1530/8 "2025-05-08T14:44:17Z")

</div>

@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.

---

<div class="post-metadata">

### Author: ![mxhdiqaim](https://avatars.discourse-cdn.com/v4/letter/m/ecd19e/32.png) [@mxhdiqaim](https://talk.openelis-global.org/u/mxhdiqaim)
#### Post date: [May 8, 2025, 2:57pm UTC](https://talk.openelis-global.org/t/frontend-development-issue-react-hot-reloaded-ui-isnt-working/1530/9 "2025-05-08T14:57:18Z")

</div>

@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.

---

<div class="post-metadata">

### Author: ![MD\_Saqlain\_Ahmed](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.openelis-global.org/md_saqlain_ahmed/32/901_2.png) [@MD\_Saqlain\_Ahmed](https://talk.openelis-global.org/u/MD_Saqlain_Ahmed)
#### Post date: [May 8, 2025, 3:05pm UTC](https://talk.openelis-global.org/t/frontend-development-issue-react-hot-reloaded-ui-isnt-working/1530/10 "2025-05-08T15:05:28Z")

</div>

@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:

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/openelisci/original/1X/a94f0e8a62a64cf246df82a1cde56cbc635044a8.png)

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