Example of React to Solid port

[edemaine]

I just ported a ~6,000-line CoffeeScript app (shared whiteboard) from React to Solid. I'm hoping it serves as a useful example of what could be mostly automated by a codemod.

Here's the commit, which is mostly the port though a few other changes as well: edemaine/cocreate@554cd86
This includes everything I needed to change, including eslint and Meteor settings.

Some patterns I noticed, many of which would be easy to automate:

• useEffect with return function converted into createEffect or onMount with onCleanup ([Feature]: Transform useState/useEffect of ReactJS to createSignal/onCleanup of SolidJS. #1)
• Not sure exactly what useRenderEffect should correspond to; in some cases I used createRenderEffect to force early evaluation, but it's really closer to createEffect so I often used that.
• Removing useRef and .current ([Feature]: Transform ReactJS useRef into simple let #3)
• useState to createSignal and adding lots of parentheses ([Feature]: Transform useState/useEffect of ReactJS to createSignal/onCleanup of SolidJS. #1)
• Lots of renaming converting from react-router-dom to solid-app-router. For example, path is called pathname, useHistory is roughly equivalent to useNavigate, etc.
• useTracker to createTracker and react-meteor-data to solid-meteor-data (this is Meteor specific)
• className to class (for cleaner code)
• Undestructuring of props, splitProps, etc. ([Feature]: Undestructuring of props and automatic splitProps #5)
• Drop React.memo everywhere
• Gotcha: style={undefined} behaves very differently between React (which just deletes defined styles) and Solid (which deletes everything).

[felixf4xu]

Just out of my curiosity, any performance benefit gained from the porting?