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
๐ก ๐ง๐ถ๐ฝ ๐ผ๐ณ ๐๐ต๐ฒ ๐๐ฎ๐ โ ๐ฅ๐ฒ๐ฎ๐ฐ๐ ๐ก๐ฎ๐๐ถ๐๐ฒ
๐๐ถ๐ฑ ๐๐ผ๐ ๐ธ๐ป๐ผ๐?
In React Native, "ScrollView" ๐ฟ๐ฒ๐ป๐ฑ๐ฒ๐ฟ๐ ๐๐ก๐ก ๐ถ๐๐ ๐ฐ๐ต๐ถ๐น๐ฑ๐ฟ๐ฒ๐ป ๐ฎ๐ ๐ผ๐ป๐ฐ๐ฒ, while "FlatList" renders items ๐น๐ฎ๐๐ถ๐น๐ as they appear on screen.
๐ง Why this matters:
- "ScrollView" is fine for ๐๐บ๐ฎ๐น๐น, ๐๐๐ฎ๐๐ถ๐ฐ ๐ฐ๐ผ๐ป๐๐ฒ๐ป๐
- But for long lists, it can cause ๐ฝ๐ฒ๐ฟ๐ณ๐ผ๐ฟ๐บ๐ฎ๐ป๐ฐ๐ฒ ๐ถ๐๐๐๐ฒ๐ ๐ฎ๐ป๐ฑ ๐บ๐ฒ๐บ๐ผ๐ฟ๐ ๐ฏ๐น๐ผ๐ฎ๐
- "FlatList" is optimized for large datasets with better performance
๐ฅ๐๐น๐ฒ ๐ผ๐ณ ๐๐ต๐๐บ๐ฏ:
Small list โ "ScrollView"
Large/dynamic list โ "FlatList"
Choosing the right component = better performance.
#MobileDevelopment #AppDevelopment #React #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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatโs yours right now?
Related posts
๐
What if one of the best examples of retro-futurism wasn't a brand, but an album concept?
Whenever I think about this aesthetic, I always come back to my queen ๐ฅฐ Dua Lipa's Future Nostalgia.
She did her investigation, as an art and architecture lover she made an album in which she...
โข 1d
nailed it @Lucia Watson
โข Aug 1
UI Factory โ The Alert Component
I've been building interfaces for a while now. And for most of that time, I did what everyone does โ reached for a library, dropped in a component, tweaked the colors, shipped it. Job done.
But I kept noticing something. No matter how polished the product, the UI always felt borrowed. Like you could see the seams of whatever design system was underneath. Everything started looking the same.
So I decided to start building my own things from scratch. No templates, no defaults. The rule I set for myself: every component has to have its own identity. Its own material, its own physics, its own personality. A notification alert shouldn't feel anything like a pricing card. A dock shouldn't feel like a modal. Each one is its own experiment.
This alert component was the first one I finished. I wanted it to feel physical โ like something you could reach into the screen and peel off. That drove every decision: the shadows, the spring physics, the way the stack fans out when you hover it, the way each card exits with a little spin. Nothing about it is accidental.
But claymorphism is just one direction. The library I'm building will go everywhere โ glass, depth, brutalism, motion-first, 3D. The point was never an aesthetic. The point is that UI can feel crafted instead of assembled.
I'm in the early stages of building my own UI component library. If this work gets traction, the plan is to open-source the full code so designers and developers can use these in their own products. Every component ships with its own philosophy โ no two will feel the same.
This is just the beginning. Follow along.
โ Try it yourself: https://ui-factory-zeta.vercel.app/notification-stack
Stack: React 19 ยท Next.js 15 ยท Framer Motion ยท TypeScript
#SoftwareArchitecture #SystemDesign #FullStack #SaaS #AIEngineering #DistributedSystems #React #PostgreSQL #NodeJS #Python #ProductEngineering #WebDevelopment
โข 1d
The spring physics and layer depth look incredible in action! Crafting components from scratch with true physical personality beats cookie-cutter UI libraries every single time. Awesome work!
Stop scrolling and start breathing. โ๏ธโจ
Want to cram product shots, testimonials, and a killer header into a single viewport without the clutter? This layout is the ultimate hack for high-conversion hero sections.
Get maximum content density with maximum whitespace. Itโs clean, itโs breathable, and itโs built for smooth motions that keep users engaged. ๐
Save this for your next design sprint! ๐
