Zhentiw - 博客园

2022年9月28日

[Typescript] Tips: Decode URL search params at the type level with ts-toolbelt

摘要： TypeScript's string interpolation powers are incredible, especially since 4.1. Add some utilities from ts-toolbelt, and you've got a stew going. Here, 阅读全文

posted @ 2022-09-28 21:37 Zhentiw 阅读(66) 评论(0) 推荐(0)

[RxJS] Subscription add()

摘要： You can use subsciprtion.add(anotherSubscription)to combine subscriptions and cancel them at the same time. import { Observable } from 'rxjs'; const o 阅读全文

posted @ 2022-09-28 14:12 Zhentiw 阅读(129) 评论(0) 推荐(0)

[Typescript] Tips: Use 'in' operator to transform a union to another union(watched)

摘要： We want to convert export type Entity = | {type: "user"} | {type: "post"} | {type: "comment"} to type EntityWithId = | {type: "user", userId: string} 阅读全文

posted @ 2022-09-28 14:03 Zhentiw 阅读(9) 评论(0) 推荐(0)

[Typescript] 39. Medium - AnyOf

摘要： Implement Python liked any function in the type system. A type takes the Array and returns true if any element of the Array is true. If the Array is e 阅读全文

posted @ 2022-09-28 01:39 Zhentiw 阅读(11) 评论(0) 推荐(0)

2022年9月27日

[RxJS] Asynchronous Execution Scheduler

摘要： microtask -> requestAnimationFrame -> macrotask Each scheduler can just take callback as arguement asyncScheduler.schedule(() => console.log('async')) 阅读全文

posted @ 2022-09-27 21:41 Zhentiw 阅读(29) 评论(0) 推荐(0)

[Typescript] 38. Medium - Diff

摘要： Get an Object that is the difference between O & O1 /* _____________ Your Code Here _____________ */ type Diff<T, S> = { [K in Exclude<(keyof T | keyo 阅读全文

posted @ 2022-09-27 01:47 Zhentiw 阅读(29) 评论(0) 推荐(0)

2022年9月26日

[Typescript] Tips: Derive a union type from an object

摘要： const fruitCounts = { apple: 12, banana: 23 } type PropUnion<T extends Record<PropertyKey, any>> = { [K in keyof T]: { [K2 in K]: T[K2] } }[keyof T] t 阅读全文

posted @ 2022-09-26 13:53 Zhentiw 阅读(30) 评论(0) 推荐(0)

[RxJS] ShareReplay vs share

摘要： ShareReplay is using ReplaySubject. It will reply the messages to later subscribers. It turns unicast observable to multicase observable. shareReplay( 阅读全文

posted @ 2022-09-26 13:29 Zhentiw 阅读(176) 评论(0) 推荐(0)

[Rxjs] Build a basic application store with Subjects

摘要： Store.js import { BehaviorSubject, Subject } from 'rxjs'; import { map, distinctUntilKeyChanged, scan } from 'rxjs/operators'; export class Observable 阅读全文

posted @ 2022-09-26 13:19 Zhentiw 阅读(30) 评论(0) 推荐(0)

[Typescript] 37. Medium - KebabCase *

摘要： Replace the camelCase or PascalCase string with kebab-case. FooBarBaz -> foo-bar-baz For example type FooBarBaz = KebabCase<"FooBarBaz">; const foobar 阅读全文

posted @ 2022-09-26 03:02 Zhentiw 阅读(29) 评论(0) 推荐(0)

Answer1215

公告