Improvements to workshop format?

I’ve run into a LOT of limitations that I’ve had to work around by using CRA for these workshops. I got really creative with codegen.macro, but now that I’m adding TypeScript support, I want to have different configs for the exercises and the final version of the exercises (so we can have strict mode enabled by default in the final, but not in the exercise).

So I’m making drastic changes to how react-workshop-app works. My plan is that this change will barely be noticeable by people going through the material as it’s just the tooling/backend stuff that’s changing here. I’m going to try and use Remix. BEFORE YOU WORRY: I’ve gotten permission from the remix authors to put remix in the “bundledDependencies”, which means folks won’t need to have a license to install this package even though it’s using remix under the hood. Like I said, you shouldn’t even notice that remix is powering everything. But I promise you that I will! 😅

So, while I’m at it, I figured I’d reach out and see whether folks are interested in offering feedback on the format of the workshops and the app. Everything’s on the table, though a LOT of the way the workshops are set up are based on actual experience of many formats, so it’s very possible that I won’t accept your idea and I may not have time to explain why, but if you have some feedback on the format/setup of the workshop, I’d like to hear them here and now while I’m in the process of changing everything.

I’m curious about stuff like, the visual design of the app itself, where the exercise/final files are located on disk, etc. Stuff like that.

Thanks for any and all feedback!

[kentcdodds]

Ah, a background in the iframe as you suggested might be ok… I do want to limit the difference between the exercise page (with the instructions on the left) and the isolated page though 😬

Well, there are: 🂱 🂲 🂳 🂴 🂵 🂶 🂷 🂸 🂹 🂺 🂻 🂽 🂾

And react-icons does have playing card icons: https://react-icons.github.io/react-icons/search?q=card7hearts

Hmmm…

[Aprillion]

isolated pages to be 100% just what you see in the exercise file

adding background to the iframe’s parent div would not affect the isolated pages in any way (they already have transparent background - at least I hope that the default background color of the root element inside an iframe is transparent in all browsers)…

20 sided die

😅 … well, now that you mention it, the exercises with too many extra credits felt a bit overwhelming towards the end - but even if a decision would be made whether to split this particular one, the framework should probably support higher numbers… e.g. unicode characters like ⓻, or 2 dice (probably 5+2, 5+3, … for easier sum in the head) … or there are these playing cards that start from 7: