Handlebars syntax is not bad at all, we can make it faster than React, Vue, or Svelte about blaze

[StorytellerCZ]

Take a look at my old PR when I was adding the Apollo skeleton, just follow the same pattern: meteor/meteor#11119

[StorytellerCZ]

I have just looked on Solid today after the results of State of JS. Looks interesting and I like the ideas here. Though I think the first step should be to create a Meteor skeleton to make it super easy for people to get started with Solid & Meteor. Next if we can improve Tracker with inspiration from Solid that would be a great benefit to all Meteor users. As for migrating Blaze to use Solid, I think we can first gain a lot from the above mentioned steps as they will more people to explore Solid and what it brings to table which in turn will give us more insight into this.

[edemaine]

To make this work, the best way would be to replace internals of Meteor Tracker with Solid reactivity in a backwards-compatible way.

I think this is a very interesting direction; Solid's reactive system is extremely close to Tracker, but IMO is slightly better and modern (e.g. it doesn't rely on setTimeout), so it would be cool to move Meteor over. I'm not sure how practical that is, but it would be neat to explore.

As an alternative for this part, though, I wrote a function called autoTracker that (thanks to recent interoperability features in Solid) integrates Tracker and Solid so that Solid's reactivity behaves like it's also wrapped in Tracker.autorun, so in your example you could replace the Tracker.autorun with

createEffect(() => {
  console.log('meteor count is: ', meteorCount.get())

  // map the Meteor reactive var to the Solid signal
  setSolidCount(meteorCount.get());
})

And you also don't really need to synchronize Tracker and Solid state in this way, with autoTracker on; you can just use Tracker state within Solid JSX like so:

function MySolidComponent() {
  // Solid's JSX
  return <div>The count is {meteorCount.get()}</div>
}

I don't think autoTracker is as efficient as if we replaced Tracker with Solid, but this "workaround" lets us explore the original idea — Handlerbars → Solid JSX conversion — without needing to completely replace Tracker.

[edemaine]

I was also thinking a version of the tutorial for Meteor + Solid would be helpful. I started this a bit.

Is there a pointer for how to add a template to Meteor?

[trusktr]

Wow, yeah, autoTracker really makes the integration magically easy, makes it feel as if Solid came with Meteor (although not as optimized).

^{(On the side that's quite amazing in general actually: it means we can write autoMobX, autoKnockout, etc, for all the dependency-tracking reactivity libs)}