@ugi_dev

Building: ⬡ https://xitter.cf/t.co/DPATjgvcxg ⁘ https://xitter.cf/t.co/CbRZQqeINV

ugi.dev
Joined April 2022
  • Tweets252
  • Following6
  • Followers55
Introducing Kirari ✨ A tiny, DOM-free syntax highlighter for the web. • 2.9 kB gzipped core • 48 languages • custom theme • Streaming support • Zero runtime dependencies Built to be lightweight and customizable. kirari.sh
11
29
2
489
17,910
✅ satisfies operator (TS 4.9+) ✔️ Enforces the shape ✔️ Preserves literal types ("#5a58f2") ✔️ Better autocomplete & inference
1
34
❌ Type annotation (: ThemeSchema) This narrows the object to ThemeSchema ➡️ hex becomes string ➡️ Literal types are lost ➡️ Worse inference
1
102
Switch Toggle 🔛 Link to #codepen 👇
1
1
104
Team Section ✨ #Codepen 👉 codepen.io/ugi-dev/pen/wBWvj…
2
74
Availability Tag ⚡ #GSAP #Codepen codepen.io/ugi-dev/pen/vEKYK…
1
76
CardStack Interaction 🃏 Smooth shuffle animation using #GSAP. The details are key - timing, easing, and that satisfying snap. What do you think? Any details you'd tweak? Link to CodePen 👇
1
1
114
Now 👇
Dark code snippet showing "r.profile.name = "Bob";" with a red cross and "compile error" indicating assignment to a readonly property fails.

ALT Dark code snippet showing "r.profile.name = "Bob";" with a red cross and "compile error" indicating assignment to a readonly property fails.

25
✅ Do: Recursive conditional type
Dark code editor showing a TypeScript recursive DeepReadonly<T> conditional type and a User type with id and nested profile name.

ALT Dark code editor showing a TypeScript recursive DeepReadonly<T> conditional type and a User type with id and nested profile name.

1
39
Typescript 🔹 ❌ Don't: Shallow readonly. This is top level readonly
Dark code editor showing a single TypeScript line defining a type alias: "type ReadonlyUser = Readonly<User>;" with highlighted keywords.

ALT Dark code editor showing a single TypeScript line defining a type alias: "type ReadonlyUser = Readonly<User>;" with highlighted keywords.

1
45
Load more