Comment on Is jQuery still the go-to JS helper library?

• kameecoding@lemmy.world ⁨11⁩ ⁨months⁩ ago

  template syntax is a piece of cake, takes literally 2 hours to learn everything you need and you can easily see what’s where and how the html will look when it’s rendered or not.

  source

  • realharo@lemm.ee ⁨11⁩ ⁨months⁩ ago

    But why bother with creating a new language, and duplicating all the features your language already has, in a weird way?

    If I want a list of items based on an array, I can just do items.map(item => ), using the normal map function that’s already part of the language.

    Or I can use a function, e.g. items.map(item => renderItem(item, otherData)) etc.

    source

    • spartanatreyu@programming.dev ⁨11⁩ ⁨months⁩ ago

      But why bother with creating a new language

      I can just do items.map(item => 〈Item key={item.id} item={item} /〉)

      I don’t think this is a very good example. You’ve just said not to use a new language, then used JSX, a new language.

      source
    • kameecoding@lemmy.world ⁨11⁩ ⁨months⁩ ago

      but how do you know what renderItem does? where will the items end up?

      we are visual creatures.

      if I see a <ul><li></li></ul> I know it’s doing a list item for every object in given list.

      it’s literally just html with a few added stuff, v-if to determine whether it’s rendered, v-for for iteration, dynamic class bindings and event listener bindings.

      source

      • realharo@lemm.ee ⁨11⁩ ⁨months⁩ ago

        Well you don’t have to place it in a separate function, nothing stops you from inlining that part and writing li or whatever directly there.

        source