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, "useEffect" š°š¹š²š®š»šš½ š³šš»š°šš¶š¼š»š šæšš» šÆš²š³š¼šæš² ššµš² š»š²š
š š²š³š³š²š°š š®š»š± š¼š» šš»šŗš¼šš»š.
This means React will š°š¹š²š®š» šš½ ššµš² š½šæš²šš¶š¼šš š²š³š³š²š°š before running a new one when dependencies change.
š§ šŖšµš ššµš¶š šŗš®ššš²šæš:
- Prevents memory leaks
- Avoids duplicate subscriptions or event listeners
- Keeps your components predictable
š„šš¹š² š¼š³ ššµššŗšÆ:
If your effect sets something up, your cleanup should tear it down.
#React #ReactJS #FrontendDevelopment #JavaScript #WebDevelopment #SoftwareEngineering #CodingTips #BestPractices #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
SonicBlend ā Multi-Page Audio E-Commerce Experience
SonicBlend is a fully realized multi-page frontend web application built for the premium audio market. Beyond a simple landing page, this project showcases a complete user journey from discovery on the homepage to detailed product browsing and brand storytelling. The site is optimized for high performance and a "mobile-first" responsive experience.
Technical Highlights
Multi-Page Architecture: Includes dedicated routes for Home, About Us, Collections Headphones, and Latest News, ensuring a structured and scalable site map.
Dynamic Component Library: Built with reusable UI components buttons, product cards, feature grids to maintain visual consistency across all pages.
Responsive UX: A fluid layout that adapts seamlessly from desktop ultrawide monitors to mobile devices, ensuring the "Sonic Sound" experience isn't lost on smaller screens.
Interactive Frontend: Features custom hover effects, smooth transitions between pages, and functional newsletter validation.
View the Project
š Live Demo: https://sonicblend.vercel.app/
Great job!
Neurolie AI SaaS Landing Page
A fully responsive landing page built for an AI platform. Designed with a dark aesthetic, video hero section, animated stats, feature grid, pricing tiers, and FAQ all crafted to convert visitors into signups.
What's inside:
Full screen video hero with blue glow overlay
Stats bar (2.4M+ users, 99.99% uptime, 180+ integrations, <80ms speed)
Feature grid section
Platform capabilities section
Pricing tiers (Free, Pro, Custom)
FAQ section
Fully responsive
Built with: React.js, Tailwind CSS, TypeScript, Motion
The video hero looks cool! Where'd you make it?
Just little things makes the whole difference.
My intention was to build a simple MacBook app last year to track how much time I spend working on my portfolio (this idea has been collecting dust for more than 7 years), but I ended up building a workforce management software.
Hear me out first, I know there are many apps out there that do similar things, and Mac even have their own "timer". But it wasn't sufficient for me, as every time I shutdown my computer, everything just starts afresh.
Plus I couldn't actually track what I wanted like, what time of the day Iām most productive, sharing my current task with a friend who'll monitor my focus even if they don't have account on the app.
There were many things I wanted to solve, that was why I build this app.
I designed all the screen, modals, and critical components for loading & success states, onboarding, etc
This app currently connects to most calendars, lightweight, intelligent enough to take only-tasks screenshot at different intervals and blur sensitive area.
I believe that this app can used by anyone who wants to measure productivity, not just working hours.
I build this out in many ways:
Claude Code, Figma MCP to Claude models in AntiGravity IDE.
I wrote most of the CSS myself, as I encountered migration ~flops from Figma to Claude.
What do you think about this?
Should I continue to develop this?
I dab.
Goated interface!
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid.Ā Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?