DEV Community 👩‍💻👨‍💻

Tomohiko Himura
Tomohiko Himura

Posted on

create-react-appのTypeScript対応方法について調べた - How create-react-app supports TypeScript

Summary

  • use @babel/preset-typescript through @babel/preset-react-app
  • type checking within webpack using ForkTsCheckerWebpackPlugin

Motivation

  1. TypScriptでReactするおすすめの方法はなんだろう
  2. ReactのサイトにTypeScriptの使い方って載ってない
  3. create-react-appのドキュメントにはある
  4. どんな設定になっているんだろう?

Detail

v3.2.0で確認

感想

確認はしてないが、tscをつかうより@babel/plugin-transform-typescriptを使うほうがトランスパイルするのは早そうに感じる。すべての文法に対応しているかどうかわからない点が気になるといえば気になるが、型チェックのみTypeScriptを使うのはクリーンで良さそう。
babelを利用した場合は型チェックはされないがどうしているか確認したらForkTsCheckerWebpackを利用しているだけだった。ts-loaderを利用する場合もこちらをつかって、型チェックするほうが効率的な気がする。(未確認)

Top comments (0)

An Animated Guide to Node.js Event Lop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.