{"id":90,"date":"2024-02-27T20:15:22","date_gmt":"2024-02-27T20:15:22","guid":{"rendered":"https:\/\/codefulsoul.blog\/?p=90"},"modified":"2024-03-04T21:30:16","modified_gmt":"2024-03-04T21:30:16","slug":"insider-10x-developer","status":"publish","type":"post","link":"https:\/\/codefulsoul.blog\/index.php\/2024\/02\/27\/insider-10x-developer\/","title":{"rendered":"Insider 10x developer"},"content":{"rendered":"\n

I can’t remember HTMLDivElement<\/code> and HTMLImageElement<\/code><\/p>\n\n\n\n

Use useRef<ElementRef<'div'>>(null)<\/code><\/p>\n\n\n\n

Reminder: Complex types of inheritance are never worth it.<\/p>\n\n\n\n

Remember: satisfies and “as const” are incredible.<\/p>\n\n\n\n

as const satisfies [Sum, Mul]<\/code> are most times better than specifying the return type (Gives the caller back complete immutable types!)<\/p>\n\n\n\n

Normalized Types from returns have problems. <\/p>\n\n\n\n

Never use discriminated unions without a kind\/type property:<\/p>\n\n\n\n

 \/\/ Obvious example\n function f(a: number) : ({x: number} | {y:number})\n {\n\n    if (a === 0) {\n        return {x: 3} as const;\n    }\n    return {y: 4} as const;\n  }\n\n\/\/ TS error\nconsole.log(f(0).x === undefined)\n\/\/ TS error\nconsole.log(f(0).y === undefined)\nconsole.log(f(3))\nconsole.log(f(3))\nconsole.log(f(3))\n\n\n\/\/ Not so obvious example\nfunction json<T >(o: T) : T {\n    return o; \n}\n\n\nfunction f2(a: number)\n {\n\n    if (a === 0) {\n        return json({x: 9});\n    }\n    return json({y: 4});\n  }\n\nconst result: ReturnType<typeof f2> = f2(3);\n\n\/\/ error\nconsole.log(f2(0).x === undefined)\n\/\/ error\nconsole.log(f2(0).y === undefined)\n<\/code><\/pre>\n\n\n\n
Sources
https:\/\/www.totaltypescript.com\/strongly-type-useref-with-elementref
https:\/\/twitter.com\/pcattori\/status\/1598359344827056131<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
I can’t remember HTMLDivElement and HTMLImageElement Use useRef<ElementRef<‘div’>>(null) Reminder: Complex types of inheritance are never worth it. Remember: satisfies and “as const” are incredible. as const satisfies [Sum, Mul] are most times better than specifying the return type (Gives the caller back complete immutable types!) Normalized Types from returns have problems. Never use discriminated unions […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[],"class_list":["post-90","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t