Zhentiw - 博客园

2023年8月22日

[React Typescript] React.ReactNode > React.ReactElement = JSX.Element = React.JSX.Element

posted @ 2023-08-22 15:37 Zhentiw 阅读(44) 评论(0) 推荐(0)

[Playwright] Tips

摘要： Run playwright A basic playwright code example: import {test, expect} from "@playwright/test" test("Math works", () => { expect(1+2).toBe(2); }); // O 阅读全文

posted @ 2023-08-22 14:47 Zhentiw 阅读(68) 评论(0) 推荐(0)

2023年8月21日

[React Typescript] React namespace

摘要： export = React; export as namespace React; declare namespace React { // // React Elements // type ElementType<P = any> = { [K in keyof JSX.IntrinsicEl 阅读全文

posted @ 2023-08-21 15:03 Zhentiw 阅读(116) 评论(0) 推荐(0)

[React Typescript] Inferring Type Arguments in Curried Hooks

摘要： import { DependencyList, useMemo, useState } from "react"; import { Equal, Expect } from "../helpers/type-utils"; const useCustomState = <TValue>(init 阅读全文

posted @ 2023-08-21 14:45 Zhentiw 阅读(21) 评论(0) 推荐(0)

[React Typescript] Function overload in React hook

摘要： import { useState } from "react"; import { Equal, Expect } from "../helpers/type-utils"; type UseStateReturnValue<T> = { value: T; set: React.Dispatch 阅读全文

posted @ 2023-08-21 14:39 Zhentiw 阅读(35) 评论(0) 推荐(0)

2023年8月17日

[React Typescript] Discriminated Tuples in Custom Hooks

摘要： import { useEffect, useState } from "react"; export type Result<T> = | ["loading", undefined?] | ["error", Error] | ["success", T]; export const useDa 阅读全文

posted @ 2023-08-17 15:14 Zhentiw 阅读(22) 评论(0) 推荐(0)

2023年8月16日

[React Typescript] Well typed a React Context provider

摘要： import React from "react"; import { Equal, Expect } from "../helpers/type-utils"; const createRequiredContext = <T extends any>() => { const context = 阅读全文

posted @ 2023-08-16 20:20 Zhentiw 阅读(27) 评论(0) 推荐(0)

[React Typescript] Fixing type inference in a Custom React Hook

摘要： // Problem import { useState } from "react"; import { Equal, Expect } from "../helpers/type-utils"; export const useId = (defaultId: string) => { cons 阅读全文

posted @ 2023-08-16 19:48 Zhentiw 阅读(28) 评论(0) 推荐(0)

[NPM] Load package from local

摘要： In package management systems like npm (for JavaScript/Node.js projects), dependencies are typically fetched from a remote registry. However, there ar 阅读全文

posted @ 2023-08-16 15:40 Zhentiw 阅读(23) 评论(0) 推荐(0)

[Typescript] Don't compare generic function, instead compare function arguments and return type

摘要： Typescript has its problem that when you try to compare generic function to a function signature, you will run into issue. Because for one function, i 阅读全文

posted @ 2023-08-16 02:48 Zhentiw 阅读(22) 评论(0) 推荐(0)

Answer1215

公告