Intended workflow?

[srfoster]

I'm trying to use this project as a template to help me understand how to integrate RacketScript/Rackt in my own projects. I was able to get it to build, but I feel my workflow is different from what you're intending. I'll say what I did, and maybe you can say what I should have done?

Setup

1) I installed racketscript (raco pkg install racketscript). 2) I installed rackt (git clone git@github.com:rackt-org/rackt.git; cd ./rackt; raco pkg install) 3) I cloned this repo.

Build

1) In the cloned directory, I ran racks src/app.rkt 2) I served the cloned directory and viewed index.html in my browser

I got errors that indicated that "react-dom" was not being found.

After some digging around and some failed attempts, I stumbled upon the following workflow, which worked:

1) cd into the local rackt directory produced from racks command. 2) Did npm init; npm install react react-dom 3) Re-ran racks with racks --target webpack src/app.rkt 4) Ran cd js-build; npx webpack 5) Edited index.html's relevant <script /> tag to load /js-build/dist/main.js instead of /js-build/modules/app.rkt.js 6) Visited the served index.html file in my browser and it worked!

This is really exciting! I'm excited to start using this.

However, given that I edited an html file, I'm sure your workflow is different from mine. What should I be doing?

[srfoster]

Update. On further examination, I think my step 2 above was unnecessary:

2) Did npm init; npm install react react-dom

My process works without it.