#30daysofcodingreact نتائج البحث

Day 6/30 Just made it! 😅 Today’s win Getting the skeleton of the Admin Dashboard functional for Legal-Assist. Now I can go to sleep knowing I'm almost done with the core management views. Progress!! 😴 #30daysofcodingreact #legalassistconnect #heytechdigital

DAY 5 of Learning react Still on States, how to correctly update states. Always treat a state as read-only. Learnt about Immer too 🚀. We go again tomorrow. Let's try and build something tonight. #30daysofcodingreact #WebDevelopment #LockedIn

DAY 4 of learning react. I also started learning tailwind, the classes are many 😂🤲. Time... Said I should build this(I'm trying to remake an existing site), don't mind the colors 🥲. #30daysofcodingreact #WebDevelopment #LockedIn

UPDATE on my React Journey: No light No data 🥲🤲. Anyways I learnt Event handlers(pretty similar to the regular ones) and States( useState ). Learning from react docs, and paying attention to best practices 😤🚀. I'm also building an actual project with it. #30daysofcodingreact

This was supposed to be DAY 3 of learning react. However, power supply had to bail out on me. Let's see what I can achieve before the day runs out. #30daysofcodingreact #lockedin #FullStackDeveloper

#30DaysOfCodingReact Day 30: CRUD COMPLETE! Finished the final step: implementing the Delete function using deleteItemMutation and a FastAPI DELETE endpoint. Shoutout: FastAPI's Swagger UI is an absolute game-changer for testing backend endpoints before touching the frontend.

#30DaysOfCodingReact - Day 29: Update request implemented! Finished the core CRUD loop by successfully wiring up the database update via FastAPI. The Hurdle: Backend routing for the update request was tricky, but fixing it made the full-stack connection feel solid.

#30DaysOfCodingReact - Day 28: Mutation Mission Complete! The insert query is SUCCESSFULLY flowing! Frontend: React + useMutation (TanStack Query), Backend: Python FastAPI -> MySQL. The tricky CORS error is defeated.

#30DaysOfCodingReact - Day 27: Proof that debugging builds character! API works perfectly via FastAPI Swagger UI, but connecting the useMutation hook hit the wall: CORS Error! It's a classic battle: Frontend wants to talk to Backend, but the browser says "No."

#30DaysOfCodingReact Day 26: Full-stack mutation achieved! Working on successfully wiring up the TanStack Query useMutation Hook to a live backend: React -> FastAPI -> MySQL

#30DaysOfCodingReact - Day 24: Moving from reading data to writing it! Focused on the TanStack Query useMutation Hook today. This is the key for POST, PUT, & DELETE operations. It manages loading, errors, and optimistic UI updates automatically!

#30DaysOfCodingReact - Day 23: Update & Deep Dive 📚 Quiet on Days 21-22 due to deep TanStack Query reading (and that classic "Nigerian factor" power challenge! 🇳🇬🔌). The focus has been on concept: Query Keys Stale-While-Revalidate (SWR) Background Refetching

A Reactive October - Day 20: TanStack Query. #30DaysOfCodingReact Continued on my deep dive into the incredible functionalities if TanStack Query. Mastery for fullstack frontend developer is critical. #FrontendChallenge #TanStackQuery #ReactQuery #FullStackFrontend

#30DaysOfCodingReact - Day 19: useContext practical complete! Setup: A (Provider) -> B -> C -> D (Consumer). Result: Component D pulled data straight from A! Components B and C stayed clean and oblivious. Prop drilling is officially eliminated.

A Reactive October - Day 18 Coding Break #30DaysOfCodingReact #Unwind

#30DaysOfCodingReact Day 17: The Ghost Bug 👻 ​Spent hours debugging a blank screen in React. No errors, even just a simple <h1>Hello World</h1> refusing to render. ​The Fix: Had to update my OS and restart the laptop.

A Reactive October - Day 16: Continuous learning and improvement of the useContext Hook. #30DaysOfCodingReact

#30DaysOfCodingReact Day 15: Goodbye, Prop Drilling! Dived deep into the useContext Hook today. This is the built-in way to share data (like themes or user info) directly across deep component trees without passing props layer by layer.

#30DaysOfCodingReact - Day 14: Getting surgical with TanStack Query! 🔬 Used useQuery returns to build a fully controlled UI: isPending / isFetching: Conditionally render a clean SVG spinner. 🔄 data: Display the API results. error: Gracefully show what went wrong.

#30DaysOfCodingReact - Day 13: HUGE architecture change! 🤯 Switched from manual useEffect + Axios fetching to TanStack Query (useQuery). The difference: ✅ Auto-Caching ✅ Built-in Loading/Error States ✅ Background Refetching Component code got instantly cleaner.

Day 4/30 Clean code, calm mind. This is why I love defining my data structures clearly. It's just a better way to build things. #30daysofcodingreact #legalassist @BuildWithIntern

Day 6/30 Just made it! 😅 Today’s win Getting the skeleton of the Admin Dashboard functional for Legal-Assist. Now I can go to sleep knowing I'm almost done with the core management views. Progress!! 😴 #30daysofcodingreact #legalassistconnect #heytechdigital

Day 12: Time for visual upgrades! 💅 Installed and made use of Material UI (MUI) components specifically for the icons in my application. Result: Instant, clean, professional-looking symbols everywhere! Huge boost to UX. #30DaysOfCodingReact

A Reactive October - Day 16: Continuous learning and improvement of the useContext Hook. #30DaysOfCodingReact

A Reactive October - Day 9: Switched gears to a real project: building a portfolio site for D'Eagle Tech Systems using React/Next.js! 🚀 The relearning is finally paying off in a huge way with component architecture and Next.js routing. #ReactJS #WebDev #30DaysOfCodingReact

#30DaysOfCodingReact Day 30: CRUD COMPLETE! Finished the final step: implementing the Delete function using deleteItemMutation and a FastAPI DELETE endpoint. Shoutout: FastAPI's Swagger UI is an absolute game-changer for testing backend endpoints before touching the frontend.

#30DaysOfCodingReact - Day 29: Update request implemented! Finished the core CRUD loop by successfully wiring up the database update via FastAPI. The Hurdle: Backend routing for the update request was tricky, but fixing it made the full-stack connection feel solid.

DAY 4 of learning react. I also started learning tailwind, the classes are many 😂🤲. Time... Said I should build this(I'm trying to remake an existing site), don't mind the colors 🥲. #30daysofcodingreact #WebDevelopment #LockedIn

#30DaysOfCodingReact - Day 28: Mutation Mission Complete! The insert query is SUCCESSFULLY flowing! Frontend: React + useMutation (TanStack Query), Backend: Python FastAPI -> MySQL. The tricky CORS error is defeated.

#30DaysOfCodingReact Day 26: Full-stack mutation achieved! Working on successfully wiring up the TanStack Query useMutation Hook to a live backend: React -> FastAPI -> MySQL

#30DaysOfCodingReact - Day 27: Proof that debugging builds character! API works perfectly via FastAPI Swagger UI, but connecting the useMutation hook hit the wall: CORS Error! It's a classic battle: Frontend wants to talk to Backend, but the browser says "No."

#30DaysOfCodingReact - Day 14: Getting surgical with TanStack Query! 🔬 Used useQuery returns to build a fully controlled UI: isPending / isFetching: Conditionally render a clean SVG spinner. 🔄 data: Display the API results. error: Gracefully show what went wrong.

Day 1 of #AReactiveOctober is a wrap! 🚀Kicking off my #30DaysOfCodingReact journey, centered on the ethic of learn, unlearn, and relearn. Today’s focus: React, React-Router, Next.js concepts, and building my first supporting API using Python FastAPI!

Day 4 of #AReactiveOctober: Mission accomplished on code optimization! Swapped bulky if/else for clean Ternary Operators for shorter conditional rendering. Integrated Props to make those components fully DYNAMIC! Shorter code, smarter components. 🚀#ReactJS #30DaysOfCodingReact

A Reactive October - Day 7: Effect Hook Time! #30DaysOfCodingReact Tackled useEffect - the powerhouse for side effects (API calls, DOM changes). The secret is in the dependency array: #ReactJS #ReactHooks #JavaScript #CodeChallenge #Developer

Day 5 #30DaysOfCodingReact: Using the Logical && Coditioal Rendering Master the art of Short-Circuit Rendering with the Logical AND (&&) Operator! It's the cleanest way to say: "Show this component IF the condition is true." #ReactJS #Frontend #ConditionalRendering

Day 3 of #AReactiveOctober is a win! ✅ Diving into Conditional Rendering in React, specifically mastering the if/else flow and weighing its pros/cons against other methods. The devil is in the details!On to Day 4! 🚀 #30DaysOfCodingReact #LearnUnlearnRelearn #DEagleTechSystems

#30DaysOfCodingReact - Day 13: HUGE architecture change! 🤯 Switched from manual useEffect + Axios fetching to TanStack Query (useQuery). The difference: ✅ Auto-Caching ✅ Built-in Loading/Error States ✅ Background Refetching Component code got instantly cleaner.