📚 Day 8 of Building a Microservices-Based Project After laying the foundation for authentication and starting the Admin Panel frontend, I moved on to building some of the core admin experiences. This phase focused on creating a more complete dashboard experience while learning how data-heavy interfaces are built in real-world applications. Some of the things I explored: 🔹 Building a dashboard layout with a collapsible sidebar and header navigation 🔹 Implementing logout functionality from the Admin UI 🔹 Displaying tenant-specific information based on the authenticated user 🔹 Creating a dashboard homepage with key metrics and recent activity sections 🔹 Building Users and Tenants management pages 🔹 Fetching and displaying server data using React Query 🔹 Implementing role-based UI experiences by showing or hiding navigation items 🔹 Designing filterable data tables for users and tenants 🔹 Building drawer-based forms for creating new users 🔹 Adding form validation for better user input handling 🔹 Integrating user creation workflows with automatic data refetching 🔹 Implementing server-side pagination for handling larger datasets efficiently 🔹 Improving the user experience with loading indicators and smoother page transitions One thing that stood out to me was how much thought goes into seemingly simple admin features. Tables, filters, forms, pagination, permissions, and loading states all work together to create an experience that feels intuitive to the end user. I'm still learning a lot about frontend architecture and building scalable interfaces, but working on these features has helped me better understand how modern admin dashboards are designed and implemented. @codersGyan #React #TypeScript #ReactQuery #AntDesign #FrontendDevelopment #Microservices #SoftwareEngineering #LearningInPublic #WebDevelopment

📚 Day 7 of Building a Microservices-Based Project After spending the past few days working on backend services, I recently started building the Admin Panel frontend and exploring how authentication flows are implemented on the client side. Some of the things I explored: 🔹 Setting up a React Vite TypeScript project 🔹 Configuring routing with React Router 🔹 Setting up component testing with Vitest and React Testing Library 🔹 Building the login experience using Ant Design 🔹 Integrating authentication APIs using React Query 🔹 Managing authentication state with Zustand 🔹 Implementing protected routes for authenticated users 🔹 Persisting authentication state across page refreshes 🔹 Exploring automatic token refresh using Axios interceptors One thing that stood out to me was how much coordination is required between the frontend and backend to provide a seamless authentication experience. Features like protected routes, session persistence, and silent token refresh all work together behind the scenes to create a better user experience. I'm still learning a lot about frontend architecture and authentication patterns, but working on the Admin UI has helped me better understand how these pieces fit together in real-world applications. @codersGyan #React #TypeScript #Vite #ReactQuery #Zustand #Authentication #FrontendDevelopment #Microservices #SoftwareEngineering #LearningInPublic

Another update on the blog platform I’m building. Frontend with React, backend powered by Node.js & Express, MongoDB for storage, React Query for server state, Zod for validation, and deployed on Render. #Reactdeveloper #nodejs #mongodb #Reactquery #expressjs #render

Backend Blog 👇 blog.realdev.club/building-a… Frontend Blog 👇 blog.realdev.club/building-a… #reactjs #typescript #bun #mongodb #tanstackrouter #reactquery #webdevelopment #buildinpublic

⚡ Hiring – Remote Frontend Developer (React) 👉 Apply Now Kunba HR Connect kunbahrconnect.com/2026/04/f… feel Free to visit kunbahrconnect.com #UrgentHiring #ReactDeveloper #FrontendDeveloper #ReactJS #TypeScript #MobX #ReactQuery #AntDesign #CareerGrowth #CutshortJobs

I was always struggling building multi site monorepo and I had to manage separate repos and shared packages, so much overhead.... When i switched to tanstack all this pain went away, I am rebuilding some one of old products and new products with Tanstak Start / ReactQuery, Bun and the DX, speed and mental model are truly unmatched!! is the best state the frontend development could be! One repo, unlimited sites, packaged nicely rendered in client and server easily!! look i am rebuilding this to this me.io/meabed -> go.ai/meabed eventually i will migrate me.io after all done, i am just flying through it with tanstack! if you are using any other framework today consider trying it... it will worth your time 👌

Diving into React Query (TanStack) today! Fetch smart, cache faster, and make your apps shine. 💡 #ReactQuery #TanStack #WebDev #Motivation #CodingLife @E_Ehrari @f_forough @CodeToInspire

⚛️REACT SENIOR DEV⚛️ En mi actual proyecto estamos buscando un React Senior Dev. Requisitos: ⚛️ Mínimo 5 años exp. con #React ⚛️ Exp. con #ReactQuery, manejo de estados y #ContextAPI. ⚛️ Exp. con #Vitest 🚀 Exp. en performance. 🎨 Exp. en #Tailwind. Interesados DM 📩

🚀 @TkDodo is speaking and delivering a #workshop at #ReactParis 2026 🗣️𝗧𝗔𝗟𝗞 Sentry used #Knip to hunt down unused #code, files, and dependencies in their #frontend... Discover with Dominik the practical steps to declutter your own codebase safely. 📅 March 27 📍 Pullman Paris Montparnasse ⚠️ 𝗜𝗻-𝗣𝗲𝗿𝘀𝗼𝗻 𝗢𝗻𝗹𝘆 🛠️ 𝗪𝗢𝗥𝗞𝗦𝗛𝗢𝗣 Interested in going beyond the fundamentals and exploring some of the more powerful features #ReactQuery has to offer!? Join Dominik's hands-on session! 📅 March 25 📍 Pigment - Sainte-Cécile Patchwork ⚠️ 𝗜𝗻-𝗣𝗲𝗿𝘀𝗼𝗻 𝗢𝗻𝗹𝘆 🎟️ #COMBO Tickets Available (Conf Workshop) ℹ️ Learn more & meet Dominik in #Paris 👉🏼 React.Paris

Day 06 of #30dayswithtechyJaunt @TechyJaunt I spent close to 6 hours sharpening my React skills. #reactQuery #FrontendDevelopment #LearningInPublic #WebDevelopment

building is enjoyable with Tanstack Start ReactQuery shadcn ui ( base-ui ) blue color 💅

✅ 总结：状态分层金字塔 不要一把梭，要分层治理： - **Async Data**: React Query/tRPC (Server State) - **Global UI**: Zustand (Client State) - **Shareable**: nuqs (URL State) - **Local**: useState (Component State) 下一站：**4.4 国际化 (i18n)**。 如果你想赚全世界的钱，你得支持 i18n。🚀 #BibiGPT #StateManagement #Zustand #nuqs #ReactQuery

what was the initial idea and now what i've come up with to make my application more robust and scalable. Initially i had plans for doing the webRTC SFU using mediasoup but using just another tool which is written in c wrapped using js won't let me learn anything fruitfull so fuck it we go with pion. and go is a better option for cpu intensive work like routing media packets (RTP/RTCP) and im not going to use ion-sfu just gonna write the raw packet forwarding logic myself with pion. here's how i planned to do but what problems i faced along the way, i already did the chat server using websockets using caching in both the client and the server using reactquery and redis in my monorepo if i plan to create a another media-server i either can already use the socket connection as a API gateway coz the chatserver already knows who the user is and already maintains a connection with the client or i can open a another connection for video streaming if i go the second way i have to figure out a way in my go server to validate the user actually belong to that room and client has to manage two connections and separate error handling workflows it's a mess instead i can use the existing websocket connection to ask the chatserver to get the necessary webRTC handshake data via grpc or http and send that data back to client this is better coz chatserver already knows who the user is so don't have to validate the user in go server and the client only manages a single connection. but i ran into a problem now my websocket conection is tied to the lifetime of a react component if that component unmounts client connection terminates so i gotta move out the socket logic from that component and use a global thing like a zustand store or sth this way connection only terminates on the user leaving the room or closing the tab. This is a rough architecture diagram which i've planned as of now half implementation done half pending

eu acho que angular é uma putaria e se eu não fosse pago pra mexer com isso, eu não mexeria. NextJS usando TS e ReactQuery (tanstack) e Zustand já resolve 99% dos problemas que a galera reclama de react e fica extremamente safe

Open to New Challenges | Senior Frontend Engineer | ex-Microsoft Hey Twitter Family 👋 After an incredible journey growing as a Senior Frontend Engineer, I’ve decided it’s time to explore new challenges and opportunities — working in new environments, collaborating with diverse teams, and building products that create real impact at scale. 👨‍💻 About Me I’m a Senior Frontend Engineer (ex-Microsoft) with 5 years of experience building high-performance, accessible, and scalable web applications used by 20M users worldwide. 𝗣𝗿𝗼𝗱𝘂𝗰𝘁𝘀 & 𝗣𝗿𝗼𝗷𝗲𝗰𝘁𝘀 𝗜’𝘃𝗲 𝗪𝗼𝗿𝗸𝗲𝗱 𝗢𝗻 - Bing Search – Core UX features, Performance Optimization, JS Errors, Dark Mode, Accessibility (WCAG AAA). - Bing Chat (Microsoft Copilot) – UI enhancements for AI-powered conversational experiences. - AI Agent Platform – Enterprise platform for workflow automation using secure AI agents. - Student Engagement Platform (eLearning / SEP) – Large-scale enterprise LMS. - Keycloak / Keycloackify SSO & Identity Management Systems – Accessible, themeable authentication flows. - Payment Solution (Bashqash) – Closed-loop payment system. - Fuel Automation ERP System (Woqody) – Cashless fuel & station management. - eCommerce Platform – Full-stack system with authentication, search, and payments. - Kanban Task Management System – Production-ready task board with advanced state management. - Movies & TV Discovery Platform (Cinema House) – Full-stack media browsing system. - AI Chat Applications (ChatGPT-style systems) 𝗪𝗵𝗮𝘁 𝗜’𝗺 𝗟𝗼𝗼𝗸𝗶𝗻𝗴 𝗙𝗼𝗿 I’m seeking a Senior Frontend Engineer or Frontend Tech Lead role where I can: - Build impactful, user-centered products with global reach - Own and evolve frontend architecture at scale - Drive performance, accessibility, security, and UI excellence - Mentor engineers and contribute to strong engineering culture If your team is hiring — or if you know of an opportunity that could be a good fit — I’d love to connect. 👉 DM me here or reach me at mohamed.hashem1699@gmail.com Let’s build something exceptional together 💪 #OpenToWork #hiring #hiringnow #SeniorFrontendEngineer #FrontendLead #React #NextJS #TypeScript #WebDevelopment #expo #JavaScript #ReactNative #Redux #Zustand #ReactQuery #TailwindCSS #AI #RemoteJobs #Microsoft #node #MaterialUI #ShadCN #Accessibility #Performance

Here’s how I refactored the codebase from 300 API calls & 1.5s initial load down to just 14 & <100ms: - Consolidated React Query to a single QueryClient instance - Restructured backend from a 7-level hierarchical entity map to clean tree formation - Used keepPreviousData in React Query - Disabled unnecessary refresh-on-mount and refresh-on-focus - Implemented prefetching Next: implementing ISR in Next.js 15 :) #BuildInPublic #Nextjs #ReactQuery #Optimization

Backend: NestJS (secure modular APIs Prisma) Frontend: Next.js (SSR smooth routing) State management: ⚡ TanStack Query → server state 🧠 Zustand → client state JWT for Auth Auto data caching Type safety #NestJS #NextJS #TypeScript #ReactQuery #Zustand #Fullstack

#Day20 27-9-25 #100DaysOfCode - Not EveryDay happen All the Task i Hope Use Manimum 3 Task Everyday With Full Potentially #NamasteReact - Lecture-3-Assignement #React - ReactQuery dev tools we can change default function as per need #NamasteDSA -Remove k Elements from arr

⚡️ Switched our dashboard from manual useEffect fetch to TanStack Query last month… Game changer. ✨ Smart caching = no more stale UI 🔄 Background refetch keeps data always fresh 🚀 Optimistic updates make interactions feel instant We cut API-related bugs by 40% in the first week. If you’re building with React/Next.js, this isn’t hype — it’s the real backbone of modern data fetching 💪 #ReactJS #Nextjs #TanStackQuery #ReactQuery #Frontend #DevTips #BlackWaves

"vibe coding" won't replace fundamentals. Claude Code tried 2 setup poll the DB every 2 minutes for fresh data instead of using TanStack Query's caching invalidation - huge inefficiency. You still gotta know ur stuff. #devops #reactquery #claudecode