Mini projects built with VanillaJS. No frameworks or libraries

Post by madeofpalk » Tue, Feb 04, 2020, 11:29 AM UTC

dgb23 wrote: post #55

skrebbel wrote: post #39

Earlier quoted context omitted.

Woa there! Why would JavaScript have `with` if you weren't intended to use it‽ How about: let applyTemplate = template => object => { with(object) { return eval("`"+template+"`"); } }

From the MDN docs: > Use of the with statement is not recommended, as it may be the source of confusing bugs and compatibility issues. See the "Ambiguity Contra" paragraph in the "Description" section below for details. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...

Post by spuz » Tue, Feb 04, 2020, 11:39 AM UTC

baxuz wrote: post #52

beachy wrote: post #50

Earlier quoted context omitted.

Your comment makes me imagine a more nuanced technical interview process - i.e you get to provide feedback to criticisms from the interviewer, you get to escalate/request review from someone else at the employer if you disagree with the interviewer. A platform ensures that the protocols are abided by by both employer and candidate. These sorts of interactions sound pretty far out now, but a few years ago who would ha…

It wasn't real time, but a home assingment. Sadly, I didn't get a chance to provide feedback to the criticisms. At least not in an impactful way — the decision has been made.

Post by PudgePacket » Tue, Feb 04, 2020, 11:49 AM UTC

baxuz wrote: post #51

adrianh wrote: post #46

Soundslice ( https://www.soundslice.com/ ) — a website built around interactive/responsive sheet music, rendering the music entirely in client-side JS — doesn't use JavaScript frameworks or libraries. I'm the developer of Soundslice and continue to be happy with the vanilla JS decision, 8+ years into the company. It means better performance, clearer code, smaller JS filesizes. I gave a talk about it here: https://www…

Amazing site. I noticed one thing that could easily improve the feel of the site — the sheet music playhead which is outside of the canvas. You are using fractional units to position it, but you're also using left/top/height properties which can't be fractional. If you convert these to GPU translated layers via translate, you'll get a smoother playhead since these can be positioned fractionally, plus you'll cut down…

Post by arexxbifs » Tue, Feb 04, 2020, 11:55 AM UTC

baxuz wrote: post #49

arexxbifs wrote: post #48

Earlier quoted context omitted.

It creates a function returning a function, where the argument to the first (which is a template) is used as a closure in the second (which takes a dict of values). The last function called in turn creates a function using the Function constructor, which, since it takes a string argument as the function body, allows the expansion of the values dict into variables and thus the population of the template string: applyT…

How come you haven't used tagged template literals? These would fit this use case: https://codeburst.io/javascript-es6-tagged-template-literals...

  tpl = applyTemplate("Hello ${a}");
  tpl({"a": "you"}); // --> Hello you
  tpl({"a": "dude"});  // --> Hello dude

Post by catchbepis22 » Tue, Feb 04, 2020, 11:57 AM UTC

marknadal wrote: post #19

I implemented an entire database in VanillaJS: It runs in-production with 10M+ monthly users! https://github.com/amark/gun ~13KB I get a lot of hate for not-using-2ton-framework-of-the-month. But I think prioritizing performance is worth the flack. Seeing repos/articles like this deeply warm my heart, maybe us VanillaJS devs are not alone after all! Does anybody have other favorite VanillaJS projects, that they could…