TinyJS – Shorten JavaScript QuerySelect with $ and $$

Re:TinyJS – Shorten JavaScript QuerySelect with $ and $$ by synergy20 on Wednesday October 02, 2024 @03:47PM (#41724381)

    window['$'] = selector => document.querySelector(selector)
    window['$$'] = selector => Array.from(document.querySelectorAll(selector))

is really what I want to have

[ Parent | on HN ]

Re:TinyJS – Shorten JavaScript QuerySelect with $ and $$ by iudqnolq on Wednesday October 02, 2024 @04:05PM (#41724518)

I'm quite fond of a little helper like so:

    createElement({
        className: 'p-2 flex justify-end',
        contents: createElement({
          tag: 'img',
          src: '/os-logo-maps.svg'
        }),
      });

I got the idea from Lea Verou's blissfuljs. When you're creating a bunch of nested elements it comes in handy.

[ Parent | on HN ]

Re:TinyJS – Shorten JavaScript QuerySelect with $ and $$ by meow_catrix on Wednesday October 02, 2024 @04:29PM (#41724707)

That’s React without the JSX sugar.

[ Parent | on HN ]

Re:TinyJS – Shorten JavaScript QuerySelect with $ and $$ by SahAssar on Wednesday October 02, 2024 @07:34PM (#41725924)

The idea is older than react and react contains much more cruft (both wanted and unwanted).

[ Parent | on HN ]

Re:TinyJS – Shorten JavaScript QuerySelect with $ and $$ by iudqnolq on Wednesday October 02, 2024 @04:38PM (#41724768)

Yes, and?

[ Parent | on HN ]

Re:TinyJS – Shorten JavaScript QuerySelect with $ and $$ by smusamashah on Wednesday October 02, 2024 @04:05PM (#41724520)

What's the point of the rest of the code? Looks useless.

[ Parent | on HN ]

Re:TinyJS – Shorten JavaScript QuerySelect with $ and $$ by cies on Wednesday October 02, 2024 @05:53PM (#41725313)

Looks difficult. I have no clue what I'm reading there tbh.

[ Parent | on HN ]

Re:TinyJS – Shorten JavaScript QuerySelect with $ and $$ by abdusco on Wednesday October 02, 2024 @07:23PM (#41725860)

It's creating global helper funcs for creating elements. E.g. `a(...)` for an anchor

[ Parent | on HN ]