Zhentiw - 博客园

2024年5月7日

[Unit Testing - React] Use the Testing Playground to Help Decide Which Query to Pick

摘要： Querying is difficult! Even if we follow the guiding principles and always start from the queries accessible to everyone, we are bound to get stuck so 阅读全文

posted @ 2024-05-07 14:52 Zhentiw 阅读(3) 评论(0) 推荐(0) 编辑

[Unit testing - React] Constrain a Query to a Specific Element Using Within

摘要： Given how web pages are built nowadays, you might find yourself with multiple instances of the same element. To avoid querying for a list of elements 阅读全文

posted @ 2024-05-07 14:48 Zhentiw 阅读(1) 评论(0) 推荐(0) 编辑

[Unit testing - React] getBy*, queryBy*, findBy*

摘要： Sync api: getBy* queryBy* Async api: findBy* For sync api, when to use which? queryBy*: when the element is not always shown on screen getBy*: when th 阅读全文

posted @ 2024-05-07 14:32 Zhentiw 阅读(3) 评论(0) 推荐(0) 编辑

2024年5月5日

[Tools] Improve Webpage Loading Performance by sorting HEAD tags using Capo.js

摘要： Use Capo.js to analyze what currently is - and what should be - the order of elements in your HEAD section of the document. After we know what the ord 阅读全文

posted @ 2024-05-05 16:20 Zhentiw 阅读(4) 评论(0) 推荐(0) 编辑

2024年5月2日

[Vite] Support CommonJS and ESM for library

摘要： in package.json: { "main": "./dist/build.umd.cjs", "module": "./dist/build.js", "exports": { ".": { "import": "./dist/build.js", "require": "./dist/bu 阅读全文

posted @ 2024-05-02 14:24 Zhentiw 阅读(31) 评论(0) 推荐(0) 编辑

2024年4月28日

[Tools] Vite

摘要： A learning resource for Vite https://vite-workshop.vercel.app/introduction 阅读全文

posted @ 2024-04-28 22:24 Zhentiw 阅读(1) 评论(0) 推荐(0) 编辑

2024年4月19日

[Unit testing] Testing a fetch promise

摘要： Code: import type { paths } from "@octokit/openapi-types"; type OrgRepoResponse = paths["/repos/{owner}/{repo}"]["get"]["responses"]["200"]["content"] 阅读全文

posted @ 2024-04-19 14:25 Zhentiw 阅读(5) 评论(0) 推荐(0) 编辑

2024年4月17日

[Rust] Intro Lifetimes

摘要： The following code has compiler error: fn jazz(years: &[i64]) -> Releases { let eighties: [i64] = &years[0..2]; let nineties: [i64] = &years[2..4]; Re 阅读全文

posted @ 2024-04-17 16:13 Zhentiw 阅读(6) 评论(0) 推荐(0) 编辑

2024年4月8日

[React] For sync code initialise state, you don't need useEffect

摘要： Here is a component which doesn't need to use useEffect export function LocalTodos() { const [todos, setTodos] = useState([]) useEffect(() => { const 阅读全文

posted @ 2024-04-08 14:54 Zhentiw 阅读(1) 评论(0) 推荐(0) 编辑

[React] Using key prop to reset component to avoid useEffect hook

摘要： The component using useEffect which is not necessary: function TopicEditor({ selectedTopicId }) { const [enteredNote, setEnteredNote] = useState(''); 阅读全文

posted @ 2024-04-08 14:49 Zhentiw 阅读(1) 评论(0) 推荐(0) 编辑

Answer1215

公告