TypeScriptのenumを使わないほうがいい理由を、Tree-shakingの観点で紹介します

こんにちは。LINE Growth Technology UITチームの慶島(@pittanko_pta)です。 この記事では、TypeScriptのenumを使わないほうがいい理由を、Tree-shakingの観点で紹介します。 検証環境 TypeScriptからJavaScriptへのトランスパイルは https://www.typescriptlang.org/play (TypeScript 3.9.2 / targetはESNext) で行いました。 Tree-shaking の挙動については https://rollupjs.org/repl/ にトランスパイルしたJavaScriptコードを貼り付けて検証しました。 Babelを使用したトランスパイルを検証する際には https://babeljs.io/repl (Babel 7.10.3) で行いました。 Tree-sha

[yasu-log]

TypeScript界隈はUnionTypes推しで積極的に使ったものの、enumのほうがリファクタリングの利点がありました。参照検索/リファクターが安心。

[Tomato-360]

ようは使ってなかったらtree-shakingされないからenumは使わないほうがいいって話かな。コードベースが大きくなったらそうなるかもしれないけど使わないほうがいいと言うにはちょっと微妙な感じもするけど。

[mizchi]

逆にクラサバで辞書共有する場合はenumの方が圧縮効率上がるよ

[fukken]

ライブラリとして配布するときはUnion Type一択。特にd.tsにはenumが入るべきではない。

[ms2sato]

この話とか「Interfaceは避けよう」みたいな”言語仕様で用意された直感的なものより別のものが有利”な事があるが、できれば自然に書いたらOKになって欲しい。トランスパイルの結果の違いなら揃えられないものかなぁ。

[lizy]

サイズにシビアなところは大変そう。個人的にはそこまでではないので直接的な分かりやすいほうがいい

[takeag]

僕もenum→Union Typesに乗り換えた口です。 推薦されてるならそれに乗っかっとけ。

[tagucch]

“TypeScriptのenumを使わないほうがいい理由を、Tree-shakingの観点で紹介します”

[tossy_yukky]

トランスパイル後のコードも確認する癖つけたいなぁ

[mezamashi0540]

Javaとswiftに比べて、TypeScriptのenumは不便なのであまり使いたくない。

[ledsun]

参照しないenumをimportして、tree-shakingが効きないと嘆くのは、なんか変な感じ。eslint-plugin-unused-importsとか使えないのかな？

[takitakit]

“Union Types”

[non_117]

bundle sizeへの影響という論拠は弱くない？もっと優先度の高い最適化があるので、これをやってもいいけど、割とどうでもいい。

[Keisuke69]

enumではなくUnion Types使えって話

[t-murachi]

んー…

[kabukawa]

ふむふむ。トランスパイルされた時にどうなるかを見ると結構違いがあって面白い。

[hirose504]

“まとめ：列挙型をTree-shakingの観点で見た場合 Union Types > const enum > enum の順でオススメします。”

[for-my-internet-demo]

言うほどイケてないから推奨とかと関係なく使わんくなったなあ

[surume000]

そんなに意識高いサービス作ってる訳じゃないから、別にいいや

[potato4d]

好みの問題で Union Types 使ってたけど明確な理由をエビデンス付で書いてくれるのかなり助かる