Kavian
@Kavian_dev
Followers
72
Following
3K
Media
13
Statuses
265
Frontend Developer
Amsterdam
Joined January 2022
HTML hidden=until-found and auto-opening <details> is newly baseline… or is it? Here's how it works, and issues to watch out for:
7
13
141
Introducing the new React Aria docs! 🎉 All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations. Check it out! https://t.co/2LlQw8stZl
48
95
748
React Server Components: do they improve performance or make it worse? If your answer is “I’ve no idea 😅,” I wrote a deep-dive to answer that! Experiments and real numbers, CSR vs SSR vs RSC, same app + test setup. Focus: initial load + data fetching. https://t.co/OyMoGpkl7Y
developerway.com
A data-driven comparison of CSR, SSR, and RSC under the same app and test setup, focusing on initial-load performance and the impact of client- vs server-side data fetching (including Streaming +...
12
57
452
`oxlint --type-aware`. Mic drop. It's incomplete and have numerous problems, including a noticeable performance issue. BUT, you can finally see your floating promises quickly! PR: https://t.co/MWAUp78PW1 Problems: https://t.co/K7ZVnPjOPL
6
25
198
if you use tailwind, here’s a utility, just use `touch-hitbox` and it’ll follow the minimum WCAG AAA Target Size¹ automatically code in alt text! ¹ https://t.co/Rw5zwUvl7l
want to increase the click area without messing up your layout? try `:after` with `position: absolute` + `inset: -{value}px` this creates a larger, invisible hit area around the element, making it easier to click without changing the layout
12
80
1K
For everyone asking this for vscode, its already available. You need these 2 settings for it to work ``` "diffEditor.diffAlgorithm": "advanced", "diffEditor.experimental.showMoves": true, ```
19
211
4K
Athas public alpha is here. You can now fork it, start using it, create issues, and send PRs.
45
31
564
Claude’s cranking out a styled‑components -> Tailwind codemod right now.
0
0
2
My books on #JavaScript and #TypeScript are free to read online: – Exploring JavaScript (ES2025 edition) – Deep JavaScript – Exploring TypeScript (TS 5.8 edition) – Shell scripting with Node.js Retweets appreciated! https://t.co/cNL3e9A00u
2
67
185
A quiet, personal scene, drawn from life ^^ Illustrated myself in a calm, surreal space. The lotus flowers symbolize patience and hard work, growing slowly but rooted deeply. Focused on soft color harmony, relaxed composition, and subtle storytelling. Illustrated on @Procreate
3
1
4
wait is over guys! 🥳🔥 Introducing Ikiform ✨ - AI-native, open-source alternative to Google Forms and Typeform / @ikiform - AI form generation - AI form analytics - Rate limiting, notifications, redirect url, and much more!! - completely open-source check it out 👇
Stack I'm using for @ikiform (waitlist is live 👇) 🧱 @nextjs - Framework / APIs ☁️ @vercel - Hosting ✉️ @resend - Emails 📦 @supabase - Database / Authentication ⚒️ @upstash - Redis / Queues / Rate limits 💳 @polar_sh - Payments 🧠 @aisdk - AI 🎨 @hextaui - UI
12
7
82
gen z devs use syntax aware tools😎 ast-grep -p 'React.useRef<$T>($V)' -r 'React.useRef<$T | null>($V)'
I just seen how an engineer spent 38.45$ in claude code to make these changes instead of running something like this sed 's/React\.useRef<\(HTML[^>]*\)>(\([^)]*\))/React.useRef<\1 | null>(\2)/g' Gen Z devs wil have to take loans to refactor the code at some point🫠
2
3
29
Athas is coming soon! You can now: - Collapse all folders - Add new folders to workspace - Switch to other projects quickly
31
12
325
I designed a full Sign-Up & Login flow from scratch, with accessibility as the core focus. From color contrast to semantic structure, every small decision mattered. Wrote about the process here 👇🔗
medium.com
To kick off my UI challenge, instead of designing a single screen, I decided to go one step further and build a full sign-up and login…
1
1
1
Find all taxis within a 1-mile radius of a user. "Get the user's lat/lon, and run a SQL query that calculates the distance to every single taxi in the database." This works for 100 taxis. It will bankrupt you at 1 million. 🧵
42
90
1K