preact-cli VS blog.worldmaker.net

You need a current version of Node.js installed because we use the Preact-CLI and some NPM packages.

So you either need to define it properly before importing web3 or configure your webpack differently. See here for more details: https://github.com/preactjs/preact-cli/issues/766

I am a maintainer for preact-cli, and as the other guy I think was trying to point out, build tools are a particularly big issue in this space.

For react app I used Create React App and for Preact used preact-cli. Preact also gives an option to convert your existing react app to preact using preact-compat, but I have built an app from scratch to see the best result.

The biggest flaw that I think most other flaws derive from is making the huge dependency on RxJS, but then not trusting it and building in escape hatches that end up making "Angular Best Practices" wind up becoming "RxJS Worst Practices" and performance suffers accordingly. I noticed that even the Roadmap now mentions that they are finally re-evaluating the play between RxJS, Angular Change Detection and Zone.js. Rx.JS is "push" oriented so why do you need two complex "pull" oriented systems around it?

(In my opinion: Zone.js and Angular Change Detection are these extremely baroque, over-complicated systems that aren't necessary at all if Angular actually trusted RxJS to "push" changes. Or they could skip the huge RxJS dependency and go all in on "pull" like Vue/Svelte. What they have today is a worst of all worlds compromise that benefits no one.)

Blog post is here: https://github.com/WorldMaker/blog.worldmaker.net/blob/gh-pa...

Or you can read it on my actual blog site but it scrolls horizontally when the browser is wider than tall and that got a lot of hate the last time my blog was on HN that distracted from the contents: http://blog.worldmaker.net/2021/06/26/angular/

While we are at it, here's the Component Framework I built out of what felt like necessity to try to make following RxJS best practices easier in building Angular Components (and make it easier to switch components to ChangeDetectionStrategy.OnPush and apps towards being able to set Zone.js to "noop"), which I built out of some struggles doing performance optimization work in Angular and some patterns I was already following in Component building: https://worldmaker.net/angular-pharkas/