Reactコンポーネントの定義にFCではなくVFCを使う - いけだや技術ノート
[RFC] React 18 and types-only breaking changes · Issue #46691 · DefinitelyTyped/DefinitelyTyped [@types/react] add VoidFunctionComponent type which does not accept "children" by awmottaz · Pull Request #46643 · DefinitelyTyped/DefinitelyTyped https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/function_components/ 簡単に言うと React.FCのpropsの型定義には暗黙的にchildrenが含まれてしまう childrenが必要ない
TypeScriptの `ReadonlyArray<T>` を使いやすくするためにtslintを活用する - Islands in the byte stream
最近、Kibelaのtslint configの Rule: array-type を "generics" にしました: + "array-type": [ + true, + "generic" + ], 以前は特に指定しておらず、 T[] と Array<T> が混在してていて、それでよしとしていました。今でも、混在することによるデメリットは特にないと思っていいます。ただ、 Array<T> には一つだけメリットがあったのでこちらに統一することにしました。 autofixできるので、エディタ上では T[] と書いて保存時にtslintに Array<T> に直させるということができるため、導入のデメリットがないというのも大きいです。 さて Array<T> のメリットは、 ReadonlyArray<T> に直しやすいということです。 ReadonlyArray<T> は Array
TypeScriptでreact-native-i18nを型安全に扱う - スタディサプリ Product Team Blog
こんにちは。モバイルエンジニアの@hotchemiです。 今回は先日オープンソースとして公開したreact-native-i18n-tsについて簡単にご紹介できればと思います。 モチベーション React Nativeで開発していくにあたり文字列リソースのInternationalizationにはreact-native-i18nを使う事が殆どだと思いますが、アプリの規模が大きくなっていくに辺り開発体験を阻害する以下の様な問題点が生じてきました。 長いkey名を思い出せず補完も効かないので定義ファイルとソースコードを行ったり来たりせざるを得ない 実行時にしかエラーを検知できないので間違ったkey名でも気づかない事がある 間違ったkey名を指定した場合 これらの課題を解決する為に、AndroidのR.javaに倣い「IDE補完の恩恵を受けれる事」「コンパイル時に間違ったエラーを検知できる事
React Stateless Functional Component with TypeScript
React is one of the awesome JavaScript libraries. I’d like to write about Stateless Functional Component. ConclusionUse React Stateless Functional Component when you don’t need to manage states in a component.TypeScript supports SFC type that is the alias of StatelessComponent interface.In some cases, a functional component may occur performance issues. because we can not control rendering using s
Interface vs Type alias in TypeScript 2.7
People often ask me ( online, at work, in skatepark (nope 😂) ), what’s the difference between using type and interface for defining compile time types within TypeScript. First thing I used to do, was pointing them to TypeScript handbook… Unfortunately most of the time, they didn’t find the droids that they were looking for ( it’s hidden within Advanced Types section). Even if they found it, the i
Babel 7 + TypeScript - Artsy Engineering
By Christopher Pappas, Eloy Durán Nov 27, 2017 At Artsy we <3 TypeScript. We use it with React Native via Emission and on the web via Reaction. Until recently, however, projects that required the use of Babel had to implement convoluted tooling pipelines in order to work with the TypeScript compiler, increasing friction in an already complex landscape. (An example of this is Emission’s use of Rela
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TSDoc - TypeScriptソースコードのドキュメント化フォーマット
https://georgedyrra.com/2017/06/04/migrating-from-typings-to-npm-types/