karax icon indicating copy to clipboard operation
karax copied to clipboard

Hot reloading example for the To-Do app using Electron

Open zah opened this issue 6 years ago • 5 comments

To test this, do the following:

  1. Install tup from http://gittup.org/tup/
  2. Build a local copy of Nim from the js-hot-reloading branch
  3. Navigate to the todoapp directory
  4. Execute "npm install"
  5. Launch the project with "npm start"

You should be able to modify style.css or todoapp.nim and see the changes applied immediately.

zah avatar Mar 19 '18 00:03 zah

Sorry this took so long to review. It's ok, but please introduce a separate hotdotoapp example in order to avoid cluttering up the existing code. Todoapp is one of our best examples, it shouldn't contain code that distracts from the task.

Araq avatar Dec 12 '18 14:12 Araq

I'll rework the example once the new hot-reloading APIs have landed. We'll ship the required Nim browsersync server as a npm package.

zah avatar Dec 14 '18 11:12 zah

@zah I've found livereload to work well with karax; curious what are pros and cons of browsersync compared to livereload

timotheecour avatar Sep 30 '19 08:09 timotheecour

BrowserSync is a more feature-rich system. It has some additional capabilities such as synchronizing the scrolling and clicking behavior across all devices that have opened the page (in other words, you can interact with the page in one of your devices and you see the same interaction on all other connected devices).

zah avatar Sep 30 '19 09:09 zah

@zah Sorry to resurrect an old thread, but is there any chance this will ever get merged? I'm dying to see a working example of hot code reloading with Karax.

moigagoo avatar Nov 24 '20 10:11 moigagoo

@zah you mentioned adjusting this example for the new hot-reloading api, are you still able to do that? This would be a great example to have

geotre avatar Mar 02 '23 23:03 geotre

I'm going to close this for now, but please let me know if anyone wants to continue it

geotre avatar Mar 23 '23 15:03 geotre