Top 4 snabbdom Open-Source Projects

• snabbdom

  6 11,304 8.1 TypeScript

  A virtual DOM library with focus on simplicity, modularity, powerful features and performance.

  

Project mention: Show HN: Boxwood – simple templating engine for JavaScript, in JavaScript | news.ycombinator.com | 2024-05-13

TSX doesn't need that much setup: a couple of tsconfig.json compiler options, a JSX function of the right shape, optionally a Fragment function of the right shape, and optionally a good definitions file. JSX in general is only a little bit more effort to support Babel's config file in addition to tsconfig.json. The shape of the JSX function (and Fragment function) is really simple. The type definitions you need to write can be complicated, which is why most of the big projects just copy and paste liberally from the massive (hand-maintained?) @types/react, but if a minimal definitions file is simpler than @types/react looks and I've proven that you can meta-type from the lib.dom.ts types to something quite useful instead of hand-maintaining types, in just a few lines of Typescript. [1] [2] (Butterfloat is my low dependency RxJS Observable-powered, non-Virtual DOM TSX-based templating engine. Snabbdom is a low dependency Virtual DOM.)

[1] https://github.com/WorldMaker/butterfloat/blob/main/jsx.ts

[2] https://github.com/snabbdom/snabbdom/blob/master/src/jsx.ts

• panel

  1 273 5.7 JavaScript

  Web Components + Virtual DOM: web standards for powerful UIs (by mixpanel)

  

Project mention: Web Components Will Outlive Your JavaScript Framework | news.ycombinator.com | 2023-10-25

Webcomponents will outlive React 13, mostly likely. Will they outlive React entirely or its cousins like Solid and Svelte? Perhaps not.

Webcomponents and React look like they solve the same problem but they do not.

Webcomponent api is pretty shallow. You get connected/disconnnected/attributeChanged call back but gotta write your own property setter and getters, and that’s mostly it. Shadow dom becomes a pain to work with if something needs to pierce it. Can’t pass nested objects in attributes, gotta encode as string.

Mixpanel went all in on webcomponents, but had to build a whole bunch of lib tooling around it. They made their own framework on top of webcomponents. https://github.com/mixpanel/panel

Worked on panel lib and webcomponent UI for many years. It is not a silver bullet.

The issue with webcomponents is there are a ton of libraries that fill in the missing gaps. There’s not a lot you can do with pure vanilla webcomponent api since browsers don’t provide efficient dom updating mechanism. Google has their own thing, Microsoft had multiple internal libs across orgs, Reddit does their own thing.

The most standard thing for frontend with wide adoption right now is React.

So the way I see it, is that React has already outlived webcomponents.

• SurveyJS

  surveyjs.io featured

  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.

  

• pychess-variants

  6 225 9.9 TypeScript

  Chess variant server

Project mention: Chess with Cannon : Shako | /r/chess | 2023-09-16

I've just tried a chess variant called Shako, where there are two new pieces: Elephant and Cannon. Wowww, the Cannon piece is amazing ! This piece moves and captures like the Cannon in Chinese chess. It's not too powerful, but quite useful. It brings a new perspective and different to attack to the game. The Cannon creates many 'discovered attacks' situations. It's awesome. If you haven't played it yet, give it a try: https://www.pychess.org/

• snabberb

  1 43 1.2 Ruby

  A simple component view framework for Ruby Opal based on Snabbdom

snabbdom related posts

• Show HN: Boxwood – simple templating engine for JavaScript, in JavaScript

  7 projects | news.ycombinator.com | 13 May 2024

• Chess with Cannon : Shako

  1 project | /r/chess | 16 Sep 2023

• PyChess: Play traditional and modern Chess variants

  1 project | news.ycombinator.com | 12 Aug 2023

• Can Chess, with Hexagons? [video]

  1 project | news.ycombinator.com | 12 Jul 2023

• New responsibility just dropped 👶

  1 project | /r/AnarchyChess | 29 May 2023

• Chess but each player can set up the pieces without the other player seeing

  1 project | /r/chessvariants | 3 Feb 2023

• Does anybody know a website to play faerie chess? (no, i did not misspell fairy, faerie chess is actually a thing, search it up on youtube if you want)

  1 project | /r/chess | 23 Oct 2022
• A note from our sponsor - SaaSHub
  www.saashub.com | 3 Jun 2024

  SaaSHub helps you find the best software and product alternatives Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com