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, ๐ณ๐๐ป๐ฐ๐๐ถ๐ผ๐ป๐ ๐ฑ๐ฒ๐ณ๐ถ๐ป๐ฒ๐ฑ ๐ถ๐ป๐๐ถ๐ฑ๐ฒ ๐ฐ๐ผ๐บ๐ฝ๐ผ๐ป๐ฒ๐ป๐๐ ๐ฎ๐ฟ๐ฒ ๐ฟ๐ฒ๐ฐ๐ฟ๐ฒ๐ฎ๐๐ฒ๐ฑ ๐ผ๐ป ๐ฒ๐๐ฒ๐ฟ๐ ๐ฟ๐ฒ๐ป๐ฑ๐ฒ๐ฟ.
This means passing them as props can trigger unnecessary re-renders in child components.
๐ง ๐๐ฒ๐๐ ๐ฝ๐ฟ๐ฎ๐ฐ๐๐ถ๐ฐ๐ฒ:
- Use "useCallback" to memoize functions when passing them down
- Only do this when necessary (e.g. with "React.memo" or dependency arrays)
Not every function needs memoizationโbut knowing when it matters is key.
#WebDevelopment #PerformanceOptimization #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
Cooking MEGUSยฎ Preload Interaction in @framer
Treating the preload as part of the experience rather than dead waiting time is the right move. That oversized MEGUS type reveal sets the tone before the page even arrives.
๐
What would happen if a modern skincare product had to communicate without the visual language we associate with beauty today?
Instead, I went back to Art Nouveau, where typography, illustration, architecture, and ornament were treated as one visual system.
The subject actually...
thanks for sharing!
No After Effects. No manual keyframes.
Just pure React, frame-level spring math, and code.
Built this SaaS product reel completely with Remotion at 60fps. Programmatic motion design makes it effortless to keep animations 100% true to real product UI while allowing programmatic variant generation.
๐ฏ What you receive as a deliverable:
๐ฌ Production Video: 4K/60fps .mp4 or .webm ready for social, ads, and landing pages
๐ช Transparent Overlays: Alpha-channel .mov (ProRes 4444) to drop over your existing product footage
๐ Looping Assets: Optimized .gif files for GitHub readmes and email campaigns
๐ป Web Native: Interactive React @remotion/player components or automated server-side render scripts
Stack:
โข React
โข Remotion (useCurrentFrame, spring, interpolate)
โข Headless Chromium render pipeline
Taking on 2 new projects this month for SaaS and dev-tool teams looking for high-end product animations.
DMs are openโletโs build.
