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
A self-initiated product: a booking and ordering system for a billiard club in Tbilisi. I designed it in Figma from scratch and built all of it, from the interface to the database.
Guests call the club and nobody answers. They arrive and every table is taken. They want food and wait at the bar. Side Pocket moves all of that to the website.
Key decisions
No guest accounts. A booking needs a name and a phone number. The guest gets a private link to move, extend or cancel. The link is the account.
A 15-minute hold. Guests check in with "I'm at the table." A table nobody claims goes to the waitlist, and the next person gets the same 15 minutes.
Ordering tied to the table. Guests order from their phone during the game, add time themselves and see the bill as it grows.
One screen for staff. Every table's state for the night, late arrivals and orders to serve pinned to the top, bookings and orders boards, alerts in Telegram.
A Telegram bot. It understands "table for 4 tonight at 8" in English or Russian and finishes the booking with buttons.
Scope
Guest site with live availability, single and group booking, waitlist, private booking page, table page with menu, cart and bill, email confirmations and reminders, staff dashboard, Telegram bot.
Stack
React 19, TanStack Start, TanStack Router and Query, Tailwind 4, Radix UI, Supabase Postgres with row-level security, pg_cron, Brevo and Resend, Telegram Bot API, Vitest.
Business rules sit in plain functions, separate from the UI and the database, with 73 tests. Only server functions touch the database.
My role
Product design, UI design, front-end, back-end, database, integrations.
Live demo: side-pocket.lovable.app
Built for the #LovableChallenge by @Contra and @Lovable. #BuiltWithLovable๐
nicety accomplished.. great work
Looking for a skilled React Developer for an exciting project! ๐ Check out the full details and apply directly via Contra
Hi @Hassan Mahmed,
Iโve just sent my application to you. Feel free to reach out if you need any additional information from me.
Thank you, and I look forward to hearing from you!
โข Sep 27
I built Hanabi as an interactive archive for a five-generation Japanese fireworks workshop. Instead of putting their history and summer schedule on a plain editorial layout, I set the entire page against an active night sky over a river. As you scroll down the page, mortars fire from the banks and break directly behind the reading text.
The interface gives visitors direct control over what is firing. You can switch between 4-sun, 8-sun, and 12-sun calibers and launch four traditional shell types. Kiku throws a tight sphere of tailed sparks. Botan expands fast and vanishes instantly without trailing smoke. Yanagi drops heavy charcoal-gold streamers down toward the waterline, and Kamuro produces a slow glittering crown that floats near the apex before dying out.
Under the hood, everything runs on a raw HTML5 Canvas particle loop with sound effects synthesized in real time via the Web Audio API. Stepping up to larger calibers increases the launch velocity, extends the climb duration, raises the explosion height, and spawns more stars. Each particle recalculates air resistance, gravity falloff, color fade, and alpha trails every frame. At the bottom edge of the screen, a mirrored pass draws soft vertical reflections over the water, and reaching the end of the text dims the interface so a scheduled finale can take over the canvas.
Most of my tuning time went into balancing contrast. If I threw too many particles into the air at once, the background got muddy and the text became impossible to read. The shells started looking right only after I dialed in drag math and burn lengths instead of adding more particles. Getting the willow trails to stall at their peak and drift down toward their water reflection made the whole scene feel physical without fighting the typography.๐
