DEV Community

Cover image for Download scalable code right from "a kida CodePen on steroids" – new release!
chris-czopp
chris-czopp

Posted on • Edited on

1 2

Download scalable code right from "a kida CodePen on steroids" – new release!

I have something exciting for you. But first some background for whose who don't follow me yet 😃.

Imagine you can quickly prototype UI with HTML, add few attribute directives and boom! 💣 You didn't touch JavaScript yet but you already have a working app. Actions are generated and they use data you wrote in HTML. E.g. what you have in your LI tags becomes an action which returns an array of objects. When you're done with coding, you can download stand-alone code, run docker-compose up and you can keep changing it as you wish. It uses Webpack, Babel and all other open source goodies.

Well, you don't have to imagine it – it's happening! You can try it out here: demo. It's a show case implementation of TodoMVC app.

How to download

What you'll see is a simplified frontend development environment which takes loads of self-discipline off you when delivering production web apps. It lets you focus on writing UI, mocks actions as you type and tells you which need to be implemented e.g. to pull data from an API. Under the hood it uses Virtual DOM and simple uni-directional state management, so w're not talking spaghetti code.

Even though it's still a prototype, it'll give you the taste of what we're trying to achieve. These are some of the benefits:

  • clean, scalable code
  • faster and simpler prototyping
  • multi-lingual-ready out of the box
  • built-in prerendering for better SEO
  • fast-loading pages

There is much more to come. As we want this tool to be "fully battery charged", there will be components which you'll be able to simply inject into code, desktop version of the IDE and many more.

In the future posts, I'll be explaining the generated code-base in more details.

If you like it and want to help, give me ❤️ or 🦄, follow me here on dev.to and twitter. Give this repo a ⭐ so we're visible on GitHub. For more info visit this website.

Wanna contribute but don't know where to start? – email me: chris@glue.codes.

Also read my previous articles which explain major features of GlueCodes Platform

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (1)

Collapse
 
chrisczopp profile image
chris-czopp

A 30 sec loom video presentation: loom.com/share/915014a336204d79b5a...

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more