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
FlowState: Premium Task Management
I’ve built FlowState, a high-performance productivity ecosystem designed for deep focus. It balances complex state management with a sleek, glassmorphic aesthetic.
✨ Key Features
Dual-Auth: Google Sign-In or a seamless Guest Login with persistence.
Tactile UX: Smooth Drag & Drop task reordering.
Focus Suite: Integrated Pomodoro timer and real-time productivity analytics.
Performance: Optimized boot sequence (sub-2 seconds) using connection-racing.
🛠️ Tech Stack
Frontend: React 19, Vite, @hello-pangea/dnd.
Backend: Firebase (Firestore & Auth) with granular security rules.
Styling: Vanilla CSS (Glassmorphism & Dynamic Themes).
Deployment: Vercel.
Live Demo: flowstate-blond.vercel.app
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
React Native 0.84 — Faster Builds, Better Performance
React Native 0.84 delivers meaningful performance and developer experience improvements for cross-platform apps.
🚀 Key Highlights
🔥 Hermes V1 is now default – Better runtime performance and lower memory usage
🔥 Precompiled iOS binaries – Faster clean builds
🔥 Legacy architecture removal – Leaner foundation
🔥 Node.js 22.11+ required – Updated tooling
🔥 Accessibility & input improvements – Improved keyboard handling
🚀 Why It Matters
🔥 Faster development cycles
🔥 Better app performance
🔥 Reduced technical debt
🔥 Improved scalability
If you're building or maintaining a React Native app in 2026, upgrading to 0.84 is worth it
Solid update. Performance + developer experience improvements in one release is always a win especially with Hermes V1 as default.
💡 𝗧𝗶𝗽 𝗼𝗳 𝘁𝗵𝗲 𝗗𝗮𝘆 — 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲
𝗗𝗶𝗱 𝘆𝗼𝘂 𝗸𝗻𝗼𝘄?
Using "useFocusEffect" from "@react-navigation/native" is often better than "useEffect" when you're dealing with screen-specific logic in React Navigation.
"useEffect runs" when the component mounts —
but "useFocusEffect" 𝗿𝘂𝗻𝘀 𝗲𝘃𝗲𝗿𝘆 𝘁𝗶𝗺𝗲 𝘁𝗵𝗲 𝘀𝗰𝗿𝗲𝗲𝗻 𝗰𝗼𝗺𝗲𝘀 𝗶𝗻𝘁𝗼 𝗳𝗼𝗰𝘂𝘀, making it perfect for:
- Refreshing data when a user returns to a screen
- Re-running listeners or subscriptions
- Resetting UI state only when the screen is active
It helps keep your app reactive and avoids stale data.
#ReactNavigation #MobileDevelopment #AppDevelopment #React
Great tip 👌
Screen lifecycle nuances like this often prevent subtle state bugs & unnecessary re-renders.
Very practical insight.
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
aivideo
AI video tools are moving at warp speed. What tools are you using?
whennotai
As AI accelerates, creative judgment matters more. What part of your work stays human?
