TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiita

同じTypeScriptという言語を利用する場合においても、トランスパイラによってTypeScript自体の機能制限がかかったり、思わぬトラブルを招く場合があります。それぞれのトランスパイラの特徴を踏まえた上で、それにより生じる問題も見ていきましょう。 1-1. tsc TypeScriptの開発元であるMicrosoft純正のTypeScriptトランスパイラです。TypeScriptを利用する際に typescript パッケージをインストールする必要がありますが、それに同梱されています。 公式ツールなだけあって最も早く最新バージョンのTypeScriptに対応したり、言語すべての機能を利用することができる一方で、バンドラではないためminifyやchunkの設定はできません。また、Path Aliasesの未解決や旧ESへの互換性が不完全であることが欠点として挙げられます。 tsco

[nkgr]

自分は意図的にnullは使うけど、undefinedになったらバグだと思いたい派。 最近webpackあんま触ってないな。ESLintのルールくらいか。ビルドとかはFWに任せてるから最近わからん(create-react-appとか)

[Fushihara]

力作だ

[koogawa]

じっくり読む

[nismit]

めちゃくちゃ勉強になる。凄く良い。

[sudow]

「typeとinterface」「enumとstring literal union」みたいに同じような機能で複数の表現があるときに迷うことが多いので言語化してくれて助かる

[omuriceman]

これはわかりやすい！TypeScriptを良く知れる記事に出会えてよかった。あとで読み直します。

[gabuchan]

ノウハウの塊だった

[peperon_brain]

なんでもinterfaceで書いてた。改めよう。

[maecchi]

見逃していたのでじっくり読もう

[noseld]

素敵な記事

[ku-kai27]

TypeScriptか、Flutter絡みでDart触ってるからいつ触ることになるのやら。DartはJavaScriptと同じくセミコロン地獄。

[nicht-sein]

"{} 型というのは、一見空オブジェクトと一致する型のように見えて、オブジェクトのように振る舞うすべての値＝虚無値以外のすべての値と一致する、ほぼほぼ any 型と変わらない型"というのは目から鱗だった

[h_taiji]

よく理解する

[yarumato]

ややこし過ぎなことはわかった “TypeScript独自のモジュール形式（TSM）を利用しない。歴史的経緯から現在では2つのモジュール形式 ESM（今後は活発に）とCommonJS（Node.js生まれ）が主流”

[yuki9110]

“https://qiita.com/yoshimok/items/aff85cd72f7c62ce2369#type-only-imports-and-export”

[naglfar]

面白くて好い。これだけ丁寧に考えてるのに見出しのレベルがなぜか一緒で謎だ。

[tyoro1210]

前半はトランスコンパイラの違いによるアレコレ、後半は JS の歴史的仕様に引っぱれない為のアレコレって感じで、まとまっててわかりやすかった / 『おひたしおひたし。』 ラーメンズ思い出す

[hideo54]

読んだ。めっちゃ勉強になった。

[mooonymann]

“React.ComponentProps<typeof FooComponent>”

[pochi-mk]

勉強になった。

[n314]

使ってないから勝手なイメージで、TypeScriptならJSみたいに環境自体がややこしくならないと思ってたけど、そんなことはないのか。

[yu_wasama]

Path Alias だけはなんとかしてほしさある。なんのために tsconfig.json 書いてるのかわからなくなる

[akabekobeko]

tsc、webpack、Babel それぞれの問題と対策についての有用な考察。IE をサポートせず Edge が Chromium 想定なら babel/preset-env をやめて tsc または ts-loadder でゆけるかも。

[yoshiko_pg]

"Nullable<T> 型を定義する" なるほどなー

[Quramy]

“エディタのリネーム機能を活用する”