documentation icon indicating copy to clipboard operation
documentation copied to clipboard

A real example project (with tooling) would be helpful

Open Ramblurr opened this issue 6 years ago • 2 comments

You've kindly provided many helpful examples, however they are all running in JSbin-esque services.

Aside from the high level concepts and APIs, I'd like to see an example application or skeleton app that includes modern tooling: tree shaking/dead code elimination via Rollup, etc.

The partial.lenses readme discusses this, so I'm pretty sure Calmm.js' authors know and appreciate these techniques.

The Quickstart included in this documentation is based off of CRA which uses webpack and doesn't include any advanced dead code elimination.

I realize bundle optimizations probably don't belong in a Quickstart, and that given the wild west of JS tooling its not exactly your place as a library authors to hold our hands and tuck us in at night. But for those of us unfamiliar with bootstrapping out own JS projects but nevertheless intrigued by the functional and reactive concepts Calmm teaches, a simple example would take us far!

Ramblurr avatar Sep 27 '17 06:09 Ramblurr

To get into the details, what I'm struggling with currently is a setup of

  • React / Preact
  • Ramda (with the rollup hack perhaps)
  • Karet
  • partial.lenses
  • all of the above (esp. Ramda and p.l) with dead-code elimination

The pieces are out there, but its not clear how to bring them together.

Edit after submitting this ticket, I browsed all the repos under the calmm-js org and found the TodoMVC project. This might be what I'm asking for, will investigate.

Ramblurr avatar Sep 27 '17 06:09 Ramblurr

Did you notice karet-express-boilerplate?

polytypic avatar Sep 27 '17 14:09 polytypic