経年劣化に耐える ReactComponent の書き方 - Qiita
「経年劣化に耐えるコード」というのは、だれもが目指すものでしょう。「そもそもフロントエンドのコードは、今ある技術で最良のものを書き捨てるべき」という意見も理解できますが「備えあれば憂いなし」ということもありますので、ここにメモを残します。あくまで、私なりのベストプラクティスですのでご了承ください。 5層に別れた SFC 私はレイヤーによる技術の分離で、ReactComponent の経年劣化に備えています。ここでいうSFCとは「Stateless Functional Component」の略称ではありません。Vue.js の文脈にある「Single File Component」を指します。 // (1) import層 import React from 'react' import styled from 'styled-components' // (2) Types層 type
Object.assign 引数5つ以上の any 戻り型を克服する - Qiita
引数5つ以上で any libの定義にある通り、引数5つ以上の Object.assign は any が戻り型となる。知らなかった。（thx: @k-okina） const ONE = { type: 'ONE' as 'ONE' }; const TWO = { type: 'TWO' as 'TWO' }; const THREE = { type: 'THREE' as 'THREE' }; const FOUR = { type: 'FOUR' as 'FOUR' }; const merged1 = Object.assign({}, ONE, TWO, THREE); const merged2 = Object.assign({}, ONE, TWO, THREE, FOUR); /** 【推論結果】 **/ const merged1: { type: 'ONE' }
TypeScript - WideningLiteralTypes - - Qiita
LiteralTypes の Widening / NonWidening - let / const で明示的型キャストを付与せずに宣言すると以下のとおりとなる。 const によるプリミティブの暗黙的型キャストは LiteralTypes となるが、これが普通の LiteralTypes ではない。以下では Numeric で解説するが、LiteralTypes において当てはまる。Annotation / Assertion を付与すると NonWidening となり、明示的型キャストがない場合 Widening となる。これは VSCode などの見た目上では気づかない。 const THREE = 3 // THREE: 3 (Widening NumericLiteralTypes) const FOUR: 4 = 4 // FOUR: 4 (NonWidening Nume
TypeScript3.1 で ReduxAction型定義は不要になりました - Qiita
MappedTypes で Unpacked が可能に 従来 Tuple や Promise に利用できた ConditionalTypes による Unpacked が MappedTypes でも可能になりました。まずは公式に掲載されている Unpacked型 を見てみます。戻り型を抽出している件は謎ですが、要するに Unwrapper と解釈して問題ないでしょう。 type Unpacked<T> = T extends (infer U)[] ? U : T extends (...args: any[]) => infer U ? U : T extends Promise<infer U> ? U : T; これが v3.1 から次の様に MappedTypes でも可能になりました。個人的にかなり大きい変更点だと思っていますが、公式ではまだアナウンスされていません。Child
Redux はもう辛くない。redux-aggregate - Qiita
書き味の悪さは致命的なレベルだと思っています。この課題を解決するべく、ヒントを求めて様々な状態管理ライブラリを試しました。unistore や parket、Vuex、いずれもイベント駆動ですが、そこには書き味醸成のための共通点があることに気づきます。 それは、状態を変更する手続きが少ないということです。それらにインスパイアされた Reduxヘルパーが redux-aggregate です。考案にあたり気をつけたのは以下の点です。 既存のエコシステムを侵害しない 関数型で完結させる TypeScript による推論 0 dependencies で薄いこと なお、これは Redux を扱う上でのヘルパー（非middleware）のため、Redux の基本的な理解は予め必要です。 📝 コードの紹介 【Before】今までは「+1」のために、これだけのコードが必要でした。 const ini
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
雰囲気で使わない @types/react - Qiita
