How to Add CSS to Your Web Components - JavaScript Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 พ.ย. 2024

ความคิดเห็น • 8

  • @AndreasLepsuch
    @AndreasLepsuch 7 หลายเดือนก่อน

    The hint with the variable-injection into the Component is pretty cool. Thanks..

  • @TungNe
    @TungNe 3 หลายเดือนก่อน

    Thank you brother! You save my life from stupid GTP

  • @danielmadison4451
    @danielmadison4451 11 หลายเดือนก่อน

    Excellent video. Dom, i found just having a "tmp.css" file open and writing the css in it, then pasting it in the component, "const css " variable. This way you get the benefit of syntax highlighting while creating.

  • @Elyrinnnn
    @Elyrinnnn 2 หลายเดือนก่อน

    excellent video. You speak clearly and concisely.
    0:48 the innerHTML = "" is there to reset previous calls I guess. I've never created web comps but I imagine it to be difficult to update a single cell without recreating the whole table.
    I mean, I can't leverage change detecion of Web Frameworks here. That would defeat the purpose of web comps I guess. Is there a way to share JS, like some diffing helpers? Can I simply import JS like usually? Or does the code get duplicated in each web comp (inline)? Imagine using foo() in 10x web comps

  • @kerrykreiter445
    @kerrykreiter445 11 หลายเดือนก่อน

    Thanks Dom! Great info as always. I’m really enjoying this web components series. Wish I would have watched this BEFORE attempting to learn Angular. Things would have made way more sense.

  • @AndreasLepsuch
    @AndreasLepsuch 7 หลายเดือนก่อน

    Good tut. I guess the vs-code extension: 'Inline HTML' give you the ability of syntax highlighting for css and html...

  • @TomasMisura
    @TomasMisura 11 หลายเดือนก่อน

    I don't use web components yet but this is quite useful for the future

  • @i__dtb
    @i__dtb 11 หลายเดือนก่อน

    I think it'll be a good tutorial