Show HN: 7GUIs in Vanilla HTML, CSS, JavaScript

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • vanilla-todo

    A case study on viable techniques for vanilla web development.

  • A few years back I stumbled into something a bit more complex, still done in pure js, just for the hell of it: https://github.com/morris/vanilla-todo

    And then wrote my own version, with code a lot closer to modern react, with undo/redo and other niceties - https://github.com/ivank/vanilla-teuxdeux

    And what I leaned is that is astonishingly easy to write code that would be understandable to people coming from the redux crowd. Maybe that’s because redux is just such a simple concept in and off itself - a glorified switch on a big object. And it’s also quite easy to hack a simple version of vdom to make it all work.

    What’s missing from all those vanilla js efforts though turned out to be testability. There is a ton of code in the modern js world just to allow you to mock/test your components, and thats for me the real tragedy of vanilla js.

    I have no idea why W3C crowd have not invested into standardizing js tests in all these years…

  • vanilla-teuxdeux

    A case study to implement modern js app with vanilla web technologies

  • A few years back I stumbled into something a bit more complex, still done in pure js, just for the hell of it: https://github.com/morris/vanilla-todo

    And then wrote my own version, with code a lot closer to modern react, with undo/redo and other niceties - https://github.com/ivank/vanilla-teuxdeux

    And what I leaned is that is astonishingly easy to write code that would be understandable to people coming from the redux crowd. Maybe that’s because redux is just such a simple concept in and off itself - a glorified switch on a big object. And it’s also quite easy to hack a simple version of vdom to make it all work.

    What’s missing from all those vanilla js efforts though turned out to be testability. There is a ton of code in the modern js world just to allow you to mock/test your components, and thats for me the real tragedy of vanilla js.

    I have no idea why W3C crowd have not invested into standardizing js tests in all these years…

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • petite-vue

    6kb subset of Vue optimized for progressive enhancement

  • I like it, and it's also a good example of why a framework will start to be useful if you get more complex code.

    When we arrive at the CRUD widget, simple dep on petite-vue (6ko: <a href="https://github.com/vuejs/petite-vue" rel="nofollow">https://github.com/vuejs/petite-vue</a>) would half the implementation by half.<p>Of course it would still count as more lines of code in total, but not sure that matter.<p>Anyway, when I teach react/vue, I always start with the vanilla example because just like with ORM, people need to know the benefit and cost of the abstraction.

  • 7guis-html-css-js

  • And this is what you end up with, managing all possible state changes manually. I've done this myself with jQuery, show/hide, enable/disable elements. Turns into a game of Whac-A-Mole and full-time job for testers. No thank you.

    https://github.com/bradwoods/7guis-html-css-js/blob/19279899...

  • mvc_for_the_web

    Example programs explaining the techniques of Model-View-Controller implemented as web applications.

  • SlickGrid

    A lightning fast JavaScript grid/spreadsheet

  • > because I've longed for an open source, liberally licensed, spreadsheet component for the web

    I assume SlickGrid (https://github.com/6pac/SlickGrid/wiki/Examples) didn't satisfy your requirements?

  • 7guis-React-TypeScript-MobX

    Implementation of 7GUIs with React, TypeScript and MobX

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts