gluecodes-framework VS responsive-loader

Thanks. Well, it is interesting from technical point of view not so much as a SAAS product to be totally honest. We tried to tackle too many aspects of frontend dev and made a product which is terribly hard to sell haha. Don't get me wrong, it's based on many cool concepts I still use on my current projects but it's over-featured. I guess, I went through a typical anti-lean startup journey (lessons taken). Anyway, it's still online: https://www.glue.codes and it's freemium. The only reason it's not open source is that I can't find the time to document it, but I guess I could just open the repo to public... Who knows, maybe someone finds it useful.

I'm actually working on a rather large Solid project right now and will post it in our community when it's live. There are a lot of really neat things built on Solid, checkout Lume (https://github.com/lume/lume) which uses Solid for it's elements and even an IDE https://www.glue.codes/.

The below snippets are meant to work with GlueCodes Studio - the tool powering your every-day work in the ways you haven't seen elsewhere. It's for somebody who'd be pleased with loads of automation to deliver an extremely fast and scalable code i.e. build-time diffed JSX using SolidJS organised around an implicit uni-directional data flow. Obviously you can use it for FREE, so let's begin!

Promo video: https://youtu.be/_COe_s6oowY Website: https://www.glue.codes Product: https://ide.glue.codes

Static HTML has no built-in way to make it reactive. Hence GlueCodes Studio has a concept called extended tags which is named like: tagName + '-x' and has an embedded gc-as="listFieldPresenter" gc-provider="getCategories" gc-field="name" class="label">category name class="heading">Neighborhood class="filterSet"> gc-as="listItemPresenter" gc-provider="getNeighborhoods" class="filterItem"> type="radio"> gc-as="listFieldPresenter" gc-provider="getNeighborhoods" gc-field="name" class="label">neighborhood name class="heading">Language class="filterSet"> gc-as="listItemPresenter" gc-provider="getLanguages" class="filterItem"> type="radio"> gc-as="listFieldPresenter" gc-provider="getLanguages" gc-field="name" class="label">language name

the ATypeThatDescribesYourImageLoader type could be an interface that describes what your image loader returns. For example I use https://github.com/dazuaz/responsive-loader so I have types like so

You can access any images or videos you drop in the studio via mediaFiles variable which is an object where file names are the keys. Implicitly there is a Webpack Responsive Loader involved which gives you src and placeholder.