jay-esのブックマーク / 2021年4月17日

jay-es id:jay-es

2021年4月17日のブックマーク (7件)

JS classes are not “just syntactic sugar”
jay-es 2021/04/17
JS の class はシンタックスシュガーではないという話。ES5 の頃の「クラスっぽい関数の書き方」との動作の比較

JavaScript

class

spec

articles
リンク
Real-world CSS vs. CSS-in-JS performance comparison
CSS-in-JS has taken a solid place in front-end tooling, and it seems this trend will continue in the near future. Especially in the React world. For example, out of 11492 people who participate in State of CSS survey in 2020 only 14.3% didn’t hear of Styled Components (a dominant CSS-in-JS library). And more than 40% of participants have used the library. I wanted to see an in-depth performance co
jay-es 2021/04/17
CSS と CSS-in-JS のパフォーマンス比較。ランタイムの CSS-in-JS は不利。（記事で使っている Linaria のように）ビルド時に通常の CSS に変換するのが主流になりそうとのこと

CSS

JavaScript

performance

articles
リンク
Using the Switch(true) Pattern in JavaScript - Seán Barry
jay-es 2021/04/17
条件が多い場合は else if を連ねるよりも、switch(true) にして case に判定文を入れる方が読みやすい

JavaScript

switch
リンク
Super Simple Start to ESModules in Node.js
Super Simple Start to ESModules in Node.jsApril 8th, 2021 — 3 min read On April 30th 2021, Node v10 will officially reach it's "end of life" (learn more on the Node Releases page). This is exciting because it means that every supported version of the Node.js JavaScript runtime will support Node's official EcmaScript Modules! There are mixed feelings on this change (some would have preferred we sti
jay-es 2021/04/17
Node.js で ESM を実行するには package.json に "type": "module" を追加するのが手っ取り早い

JavaScript

Node.js

ESM
リンク
Hyperapp – Is It the Lightweight 'React Killer'?
For a while now, JavaScript and its ecosystem have been thriving. From different tooling categories, UI frameworks have enjoyed immense popularity. New libraries and frameworks seem to pop up almost every day, while Vue, React, and Angular persistently lead the way. From these new options, there are some that deserve your attention. I’m thinking Svelte, Solid, and Hyperapp - an ultra-lightweight U
jay-es 2021/04/17
Hyperapp と React の比較。

JavaScript

Hyperapp
リンク
The complete guide to working with strings in modern JavaScript
The complete guide to Working With Strings in Modern JavaScriptThis guide is intended to cover everything you need to know about creating, manipulating and comparing strings in JavaScript.
jay-es 2021/04/17
JS の文字列操作あれこれ

JavaScript
リンク
How to create a debounced ref in Vue 3 using Composition API
Take your Vue 2 & 3 skills to the next level with the most advanced Vue book written.Now with 3 videos and the Companion App With the introduction of Composition API, we got a new way of writing reactive logic, namely, ref and reactive methods. In this article, I want to show you how you can create a debounced ref that will update its value only after a specified delay. A denounced ref can be very
jay-es 2021/04/17
独自の ref を作るには、Vue の customRef 関数を使う。track, trigger を引数にとり、getter, setter を返すコールバックを与える。内部の変数は ref じゃなくてよさそう https://v3.vuejs.org/api/refs-api.html#customref

Vue

Composition API
リンク
- 2021年4月19日
- 2021年4月17日
- 2021年4月16日