haste-compiler VS react-flip-toolkit

Back then, I was using Haste to compile Haskell to JavaScript for the frontend part. But now I fail to properly restore the environment to make the hastec call work. Also, I'm not sure if Haste is still actively maintained.

My ludum-dare 34 entry does have scrolling, and some images which are only visible in some screens but not others. I didn't do any effort to load and unload them as required though, I just keep everything loaded at all times. One potential difficulty is that this game uses Haste to compile Haskell to JavaScript, soI don't know if your framework supports that.

Very cool Dustin. Reminds me (a little) of some work that the Haskell Haste folks were doing to blur the front/backend via the compiler. Interested to see what you learn along the way refactoring hyperfiddle.

I've actually made a card game as a personal project. Flip animation libraries were really helpful. Things like this: https://github.com/aholachek/react-flip-toolkit

My point is that there are already many libraries out there. With styling, input events and so on. For example, I use Blueprintjs in many current projects, which provides a large set of widgets/components. One of these is a spreadsheet-like table component with sorting, editing, reordering and more. I also use react-grid-layout for card widgets that you can drag and resize and react-flip-toolkit for animation, among other things. There is a huge React ecosystem out there and duplicating all of that would take far, far too long.

It's in the linked github repo. It's using react-flip-toolkit which is personally my favorite React animation library. Here's the demo.

react-flip-toolkit will help you achieve this. They specifically have a demo for this too.