News for hackers. Stuff that matters.

bennypowers

Show HN: Backlit – Lit Web Component SSR for Drupal via Go and WASM, No Node.js

https://bennypowers.dev/posts/drupal-lit-ssr-wasm/

Two years ago I posted about server-rendering Lit web components in Drupal using a Node.js sidecar container. It worked but felt like a proof of concept -- Docker, inter-container networking, an extra process to babysit.Backlit replaces all of that with two lines: composer require bennypowers/backlit drush en backlit Composer downloads a pre-compiled Go binary for your platform. The...

( Read More... | no comments | 2 points | on HN )
Re:Welcome to Ladybird, a truly independent web browser on Tuesday July 02, 2024 @03:50PM (#40859877)
Excellent! Thank you
Re:Welcome to Ladybird, a truly independent web browser on Tuesday July 02, 2024 @06:37AM (#40855255)
Are you running the web platform tests?
SpaceX Dragon capsule's screens

Wordle

Photoshop

GitHub - Freaking GitHub!

Nintendo's website

Salesforce

Innumerable startup SaaS dashboards

should have posted this in r/confidentlyincorrect

Yeah, here's my youtube video from 3 years ago preemptively proving you wrong

https://www.youtube.com/watch?v=Vz433mJR2ow

Re:Alternatives to JSX on Monday February 25, 2019 @12:17PM (#19247275)
Why JSXBelPack when you can

  import { html, render } from 'https://unpkg.com/lit-html';

  const benefitTpl = ({name, desc}) => html`
    <dt>${name}</dt>
    <dd>${desc}</dd>
  `;
  
  render(html`
    <lit-rocks>
      <dl>${benefits.map(benefitTpl)}</dl>
    </lit-rocks>`, document.body)

And updates are fast without any VDOM overhead.
Re:WebComponent libraries lit-HTML and litElement released on Tuesday February 05, 2019 @04:05PM (#19089817)
Build GraphQL apps using lit-element for rendering with lit-apollo:

https://npm.im/@apollo-elements/lit-apollo

I built a demo chat app that got a 98 lighthouse performance score

https://lit-apollo-subscriptions.herokuapp.com

I built a little Polymer wrapper for stripe elements </plug> unfortunately, it only works with the polyfill. It seems at first blush to be an issue between Stripe's react components and shadowDOM.

https://github.com/bennypowers/stripe-elements/issues/2