[$250] [HOLD for payment 2024-11-11] [HOLD for payment 2024-11-07] [DX] Fix hot-reloading for web (and potentially desktop)

[blazejkustra]

Problem

Currently, hot-reloading for web isn't functioning, causing prolonged waiting periods for developers during modifications. This wastes so much time during development.

Solution

I investigated the problem and found several issues with our current setup, here is a PR with the PoC

The key improvement is the ✨ state preservation ✨, since developers won't lose their current components state with each hot-reload.

Also I'm going to reach out to react-compiler team as I experience a crash when compiler is turned on and I try to refresh a component:

Before

hmr-not-working.mov

After

hmr.mov

Issue Owner

Current Issue Owner: @

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021854176886348335774
• Upwork Job ID: 1854176886348335774
• Last Price Increase: 2024-11-06

Issue Owner

Current Issue Owner: @joekaufmanexpensify

[melvin-bot]

Triggered auto assignment to @anmurali (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[mountiny]

No need for bug zero person here, we are going to work with the react-compiler team to hopefully fix this soon

[blazejkustra]

FYI, I'm still waiting to be added to React working group 😢 Either way I'm working on a different issue currently so I'll get back to this later in the week.

[blazejkustra]

Update: @mountiny I'm in! ⚛️ I'll create a post in the react-compiler group tomorrow

[mountiny]

Thanks @blazejkustra !

[melvin-bot]

@mountiny @blazejkustra this issue was created 2 weeks ago. Are we close to a solution? Let's make sure we're treating this as a top priority. Don't hesitate to create a thread in #expensify-open-source to align faster in real time. Thanks!

[blazejkustra]

I'm writing an update Melvin...