The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
š” š§š¶š½ š¼š³ ššµš² šš®š ā šš®šš®š¦š°šæš¶š½š
šš¶š± šš¼š šøš»š¼š?
"debounce" and "throttle" solve different performance problems ā and choosing the wrong one can hurt UX.
š§ šš²šÆš¼šš»š°š²:
Runs š®š³šš²šæ the event stops firing
ā
Perfect for search inputs, resize events
š§ š§šµšæš¼ššš¹š²:
Runs at š³š¶š
š²š± š¶š»šš²šæšš®š¹š while the event fires
ā
Ideal for scroll handlers, drag events
Understanding the difference = smoother apps & better performance.
#PerformanceOptimization #FrontendDevelopment #FullstackDeveloper
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
I spent over a year as the product designer for Hypernative. They just raised $40M in Series B funding not long ago.
Hypernative is a real time security platform for Web3, protecting billions in assets across 60+ blockchains. The product is genuinely best in class. But when I started, the UX wasn't matching the tech.
The UI was super complex, data heavy, and required a steep learning curve. For a security platform where seconds matter, that's a big problem. If your users can't parse a critical alert instantly, the best detection engine in the world doesn't help.
So We rebuilt the experience around three pillars: clarity, actionability, and scalability.
Clarity meant redesigning the threat severity system so users could gauge urgency at a glance. Actionability meant replacing static alerts with interactive ones that included recommendations, historical context, and mitigation steps right in the UI. Scalability meant building a modular dashboard so different teams could customize the interface for their workflow.
The results were 40% improvement in threat detection response time. 30% increase in user retention. 25% reduction in false positive friction.
In complex B2B products, design is the difference between a tool people tolerate and a platform they rely on. Especially in security so if the UX creates cognitive load at the moment someone needs to act fast, you've already lost.
Perfect design
š” š§š¶š½ š¼š³ ššµš² šš®š ā š„š²š®š°š
šš¶š± šš¼š šøš»š¼š?
Keys in React are š»š¼š š·ššš š³š¼šæ šæš²šŗš¼šš¶š»š“ šš®šæš»š¶š»š“š ā they control how React š¶š±š²š»šš¶š³š¶š²š š®š»š± šæš²ššš²š š²š¹š²šŗš²š»šš.
Using unstable keys (like array indexes in dynamic lists) can cause:
- Broken animations
- Lost input focus
- Incorrect component state
š§ šš²šš š½šæš®š°šš¶š°š²:
Always use ššš®šÆš¹š², šš»š¶š¾šš² ššš from your data whenever possible.
Good keys = predictable UI behavior.
#FrontendDevelopment #JavaScript #WebDevelopment #FullstackDeveloper
First impressions donāt start with content.
They start with feeling.
Added a subtle interaction on first scroll ā small detail, big impact.
Good UX isnāt loud.
Itās intentional.
Trending
Notion
Notion isnāt just where you work, itās starting to work for you. What agents are you building?
portfolioreview
The best portfolios tell a story, not just show a grid.Ā Share yours for feedback.
brandguidelines
Brand guidelines are becoming living systems, not static documents. What are you building for your clients?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?