タグ

2023年4月5日のブックマーク (3件)

  • Vue3でtsx firstができるか検証する

    ふと、Vue3 で tsx な関数コンポーネントを定義しつつ、stateful に扱えるのかというのが気になった。今年の頭くらいではできなかったはずだが、VueMacros にある機能を用いれば可能なのでは?という話。VueMacrosVue の RFC 的なコンパイラマクロ機能を実験的に試せるライブラリで、reactivityTransform体側から削除されて VueMacros でのサポートとなったことで名前を知った人もいるかもしれない。 今回使うのは以下のマクロ。 https://vue-macros.sxzz.moe/macros/setup-component.html defineSetupComponent を使えば、ts,tsx ファイルで他のマクロ(defineProps等)を記述できる。ドキュメントにはないが、script setup に変換されるのであれ

    Vue3でtsx firstができるか検証する
    jay-es
    jay-es 2023/04/05
    "長いものに巻かれて気が大きくならないようにしたい"
  • TypeScript 5.0 で追加された verbatimModuleSyntax とは何か?

    // A: そのまま残る import { Foo } from "./foo"; // B: 識別子 `Foo` が削除される import {} from "./foo"; // C: import 文ごと完全に削除される どれになるかは、以下の状態の組み合わせ依存する(他にも条件あるかも)。 そのファイルでFooが値として参照されるか、型として参照されるか、参照されないか Fooがfoo.tsで値として定義されているか、型として定義されているか tsconfig のオプション設定 importsNotUsedAsValues: 値として参照されない import 文を残すかどうか preserveValueImports: 参照されない import 識別子が値なら残す isolatedModules: ファイル単位でトランスパイルする 上記は出力するモジュール形式が ESM の場合

    TypeScript 5.0 で追加された verbatimModuleSyntax とは何か?
    jay-es
    jay-es 2023/04/05
    CJS と相性が悪いので、typescript-eslint のルールで代替
  • 正規表現を豊かにする ES2024 RegExp v (unicodeSets) フラグ

    2023/05/17 変更】 2023年5月の TC39 会議で Stage 4 になったため、タイトルを変更 HTML Standard の pattern 属性に取り込まれたので修正 ES2024 RegExp v (unicodeSets) フラグ ES2024 に RegExp v (unicodeSets) フラグというものがあります。これは既存の u (unicode) フラグを改善して置き換え、機能追加することを目的としています。 詳しい内容については V8 や 2ality による解説記事が詳しいです。ここではその概要をピックアップして述べたいと思います。 複数のコードポイントからなる絵文字の対応(Unicode Properties of Strings) ES2015 に u (unicode) フラグが導入され、コードポイント単位で正規表現を扱えるようになりました。

    正規表現を豊かにする ES2024 RegExp v (unicodeSets) フラグ