HTMX + Go + Web Components | Exploring Lit Web Components

Ғылым және технология

LIVE ON TWITCH: / theprimeagen
Get in on Discord: / discord
Get in on Twitter: / theprimeagen
Got Something For Me to Read or Watch??:
/ theprimeagenreact

Пікірлер: 51

  • @cnaccio
    @cnaccio9 ай бұрын

    I use web components for salesforce development, and I love them. Love how raw and native they are.

  • @kaksisve4012

    @kaksisve4012

    5 ай бұрын

    LWC > Visualforce

  • @jtucker87
    @jtucker878 ай бұрын

    He doesn't want TS but he never turns off the TS option in the examples to get the regular JS.

  • @oPatrickVico

    @oPatrickVico

    5 ай бұрын

    The best option is not necessarily a great option. You know what they about democracy.

  • @oussama40612
    @oussama406128 ай бұрын

    Absolutely love this channel. I love you!

  • @TheVimeagen

    @TheVimeagen

    8 ай бұрын

    Tyty

  • @connorlatham9578
    @connorlatham95788 ай бұрын

    We use Lit for our web apps at work and I'm so happy we use it and not anything else. I just feel like theyre so easy to use.

  • @bartek...
    @bartek...9 ай бұрын

    Finally! I caught @theprimeagen do programming in HTML 🤣

  • @jaysistar2711
    @jaysistar27118 ай бұрын

    You don't need to build to use LitElement, but you can't use decorators. You just need to add a property to say what your attributes are, register the class once it's defined, and everything should fall into place with no build step.

  • @jaysistar2711

    @jaysistar2711

    6 ай бұрын

    @PaulAllsopp You're probably better just going with the web component API, but if you're coming from React, LitElement is helpful. lit-html is used by LitElement, and can be used without it. I had a project in WASM where I used Rust and lit-html to make several web components, and I think the workflow worked well.

  • @jaysistar2711
    @jaysistar27118 ай бұрын

    6:20 From what I've heard, it hashes, but only parses if it hasn't seen that string before, but if it has, it doesn't parse, and internally uses the previous parse.

  • @YouCodeThings

    @YouCodeThings

    8 ай бұрын

    You're close in that Lit only ever prepares a template once, except Lit doesn't need to hash template strings. A feature of tagged template literals is the static string reference is stable. This means we can tell by reference in a constant time check if we've seen a template before.

  • @rickdg
    @rickdg8 ай бұрын

    Once you go the htmx way, why not also generate your JS files in your server language of choice?

  • @JeremyAndersonBoise
    @JeremyAndersonBoise9 ай бұрын

    Pretty sure i was tequila drunk for this stream. I’m admitting that, specifically, in fact. Apologies and/or you’re welcome.

  • @xXYourShadowDaniXx
    @xXYourShadowDaniXx7 ай бұрын

    I don't think I've laughed more than you just dropping chat gpt code in and it installing vue and react alongside each other

  • @JeremyAndersonBoise
    @JeremyAndersonBoise9 ай бұрын

    The existence of build steps for client side javascript still feels morally wrong, htmx is compelling for that reason alone

  • @laughingvampire7555
    @laughingvampire75558 ай бұрын

    fun fact perl was invented as a replacement & improvement for awk

  • @jaysistar2711
    @jaysistar27118 ай бұрын

    Neon is the thing to bind native Rust code to Node JS code.

  • @jogibear9988
    @jogibear99888 ай бұрын

    I also love Webcomponents, but I liked the approche google had with polymer (templates) more, instead of the render function wich is now in lit. Cause of this I build my own small base component wich works more like polymer before. With this I build a complete WYSIWYG designer framework in webcomponents (also as a webcomponent), wich also works without any compilation (only ts -> js)

  • @jogibear9988

    @jogibear9988

    8 ай бұрын

    You can also do everything without a compilation step, if you use importmaps, and do not use decorators (they are optional)

  • @aleksandrkravtsov8727
    @aleksandrkravtsov87276 ай бұрын

    do you have version where you only writing code?

  • @TedoHamTole
    @TedoHamTole9 ай бұрын

    looks interesting

  • @grinsk3ks
    @grinsk3ks8 ай бұрын

    why does he refuse to `pnpm create vite`?

  • @danko95bgd
    @danko95bgd8 ай бұрын

    Bruh vite literally has Lit template with 5 other frameworks... just init the god damn cli aaaaargh

  • @LusidDreaming
    @LusidDreaming5 ай бұрын

    I think apline.js fits better with HTMX than web components, it is much more focused on declarative hypermedia, whereas web components is like react lite, where everything is in the JS and all you can do is pass in props via attributes.

  • @vincentrouilhac4532
    @vincentrouilhac45329 ай бұрын

    I'd like to see a new "JS tool" that does not sells itself as "Fast", It seems like everything in dev world sells itself as Fast xD

  • @HeavenlySkyFriday

    @HeavenlySkyFriday

    8 ай бұрын

    fast to abandon xD

  • @chepulis

    @chepulis

    8 ай бұрын

    Lightweight, Blazing Fast

  • @Krzysiekoy
    @Krzysiekoy8 ай бұрын

    Well this was a trainwreck

  • @RoccoAugusto
    @RoccoAugusto6 ай бұрын

    You could have used regular JavaScript and avoided Typescript. In all the LitElement examples, in the top right hand corner, you could have chosen to show them in .js format instead of .ts

  • @phead2137
    @phead21373 ай бұрын

    I think that you could just read the docs instead of yelling, but whatever

  • @wasile
    @wasile8 ай бұрын

    😂

  • @GiulioZelante
    @GiulioZelante9 ай бұрын

    even with angular you can create reusable web components without the need of a framework. I think also svelte has something similar, and surely I would choose the latter if I could

  • @filipegoncalves3739

    @filipegoncalves3739

    9 ай бұрын

    lil bro angular IS a framework

  • @ea_naseer

    @ea_naseer

    9 ай бұрын

    you can use web components in any framework.

  • @sub-harmonik

    @sub-harmonik

    9 ай бұрын

    angular is the most js framework that ever frame worked

  • @GiulioZelante

    @GiulioZelante

    8 ай бұрын

    ​@@filipegoncalves3739 maybe you didn't understand the comment. I'll quote the angular doc "Angular elements are Angular components packaged as custom elements (also called Web Components), a web standard for defining new HTML elements in a framework-agnostic way." And That's what I meant, not that angular is not a framework...

  • @GiulioZelante

    @GiulioZelante

    8 ай бұрын

    @@sub-harmonik ​maybe you didn't understand the comment. I'll quote the angular doc "Angular elements are Angular components packaged as custom elements (also called Web Components), a web standard for defining new HTML elements in a framework-agnostic way." And That's what I meant, not that angular is not a framework...

  • @dromedda6810
    @dromedda68109 ай бұрын

    first

  • @noTmeDev

    @noTmeDev

    9 ай бұрын

    no.

  • @ea_naseer

    @ea_naseer

    9 ай бұрын

    ​@@noTmeDevjust let him have it bro 😂😂

  • @dromedda6810

    @dromedda6810

    9 ай бұрын

    @@noTmeDev wanna fight about it at the nearest costco by having a competition about who knows the most shitty acronyms?

  • @noTmeDev

    @noTmeDev

    8 ай бұрын

    @@dromedda6810 bruh XD

  • @dromedda6810

    @dromedda6810

    8 ай бұрын

    @@noTmeDevxD

  • @pookiepats
    @pookiepats8 ай бұрын

    Vue can be added anywhere like htmx in the head - it doesn’t have to be your EVERYTHING like react or svelte

  • @axMf3qTI

    @axMf3qTI

    6 ай бұрын

    This is true. I used vue with shopify in the past like that, next if I have to something similar I probably use htmx though.

  • @pookiepats

    @pookiepats

    6 ай бұрын

    @@axMf3qTI Vue is slept on to some extent in JS land but other languages like PHP and the .NET flavors have long embraced Vue for this fact - JS only try hards simply do not know and that is what makes it so cringe to watch them speak all this ignorance. Prime usually knows his stuff but oh well, at least he's funny.

Келесі