Build React Naturally

[andrewpareles]

This issue might sound boring, but it's one of Void's most important unresolved issues.

In the build instructions, we run npm run buildreact to compile all the files in react/src/*.tsx into react/out/*.js. We then we import those files elsewhere. This is not a great way of working with React because we need to re-build every time we change a React file.

We have two options to fix this problem:

• Figure out how to allow global imports like 'react' in the browser/ environment so we don't have to build React ourselves. This was possible in vscode's previous yarn edition, and would be the ideal solution.
• Or, keep bundling the way we do now, but don't crash the build script - this probably means moving build.js's contents into gulpfile.js watch-client.

[bjoaquinc]

Hey @andrewpareles been working on this and I have a solution that watches changes in the browser environment and auto updates the scope-tailwind, tsup transpilation, and watch-client gulp task (without crashing it). I can make a PR if you're interested?

[andrewpareles]

Sounds amazing. Feel free to PR!

[andrewpareles]

This fixes the waiting problem! Thanks so much for the PR, it's amazing.

Keeping this issue open for some minor other related items:

In the future it would be great to incorporate this into the gulpfiles so that it 1. auto-watches when you press Ctrl+Shift+B and 2. auto-builds when you run the build script.