Zhentiw - 博客园

2022年12月14日

[Typescript] 137. Hard - Discriminated union to Object

摘要： import { Equal, Expect } from "../helpers/type-utils"; type Route = | { route: "/"; search: { page: string; perPage: string; }; } | { route: "/about" 阅读全文

posted @ 2022-12-14 16:07 Zhentiw 阅读(27) 评论(0) 推荐(0)

[Typescript] 136. Medium - Object to Union

摘要： import { Equal, Expect } from "../helpers/type-utils"; interface Attributes { id: string; email: string; username: string; } /** * How do we create a 阅读全文

posted @ 2022-12-14 15:33 Zhentiw 阅读(22) 评论(0) 推荐(0)

[Typescript] Key in union type

摘要： Let's say we want to extract query param from string: type UserPath = "/users/:id"; type UserOrganisationPath = "/users/:id/organisations/:organisatio 阅读全文

posted @ 2022-12-14 15:24 Zhentiw 阅读(30) 评论(0) 推荐(0)

2022年12月13日

[Typescript] Transform a Discriminated Union into a Union

摘要： Consider this discriminated union called Fruit: type Fruit = | { name: "apple"; color: "red"; } | { name: "banana"; color: "yellow"; } | { name: "oran 阅读全文

posted @ 2022-12-13 15:42 Zhentiw 阅读(36) 评论(0) 推荐(0)

[Typescript] Map an Object to a Union of Tuples

摘要： We start with a Values interface: interface Values { email: string; firstName: string; lastName: string; } We want a union of tuple [key, value]as res 阅读全文

posted @ 2022-12-13 15:31 Zhentiw 阅读(32) 评论(0) 推荐(0)

[Typescript] Map a Discriminated Union to an Object

摘要： We have a type Route that is a discriminated union of the possible routes in the application. Each route has the properties search and route type Rout 阅读全文

posted @ 2022-12-13 15:26 Zhentiw 阅读(31) 评论(0) 推荐(0)

2022年12月12日

[Typescript] Using Generic Context to Avoid Distributivity in Conditional Types

摘要： Let's say we have: type Fruit = "apple" | "banana" | "orange"; We only want AppleOrBanana If we do as such: type Fruit = "apple" | "banana" | "orange" 阅读全文

posted @ 2022-12-12 15:52 Zhentiw 阅读(22) 评论(0) 推荐(0)

[Typescript] Extract the Result From Several Possible Function Shapes

摘要： Let's imagine you're building a type helper to extract out the value from several different 'parsers'. const parser1 = { parse: () => 1, }; const pars 阅读全文

posted @ 2022-12-12 15:40 Zhentiw 阅读(18) 评论(0) 推荐(0)

[Typescript] TS-toolbelt Split

摘要： Example 1 import { S } from "ts-toolbelt"; import { Equal, Expect } from "../helpers/type-utils"; type Names = [ "Matt Pocock", "Jimi Hendrix", "Eric 阅读全文

posted @ 2022-12-12 15:20 Zhentiw 阅读(96) 评论(0) 推荐(0)

[Typescript] Infer from an Interface

摘要： In this exercise we have an interface MyComplexInterface which is acting as a type helper. The interface takes arguments for Event, Context, Name, and 阅读全文

posted @ 2022-12-12 15:08 Zhentiw 阅读(22) 评论(0) 推荐(0)

Answer1215

公告