Usama

Week 18 recap blog dev.to/usama_dev/week…

Anyone confused tell me I can help you

useReducer finally makes sense… because I built a project with it. 😄 React Quiz App + json-server fake API. Here’s what I learned 👇 dev.to/usama_dev/toda…

@freeCodeCamp He is good teacher 👏🏻

Event-driven architecture is a design pattern that helps systems handle real-time interactions & async workflows. And this course teaches you how it works by building a SaaS application. You'll use Next.js and Clerk and learn about authentication flows, RBAC, Webhooks, & more. freecodecamp.org/news/learn-eve…

🧠 Practicing React Rendering Today && for quick conditions ? : for inline UI logic return null for clean exits {isOpen && <p>Open 🚀</p>} {numPizzas > 0 ? <Menu /> : <p>Soon 🍕</p>} if (soldOut) return null; Less code → Cleaner UI ⚡ #React #JavaScript #Frontend #WebDev

💡 Just learned about JavaScript’s Optional Chaining (?.) — a lifesaver for avoiding errors in nested objects. const user = { contact: { email: "test@example.com" } }; console.log(user?.contact?.email); // ✅ "test@example.com" console.log(user?.profile?.age); // ✅ undefined

@prime_sui Nice 👍🏻

Good night 🛌

Meta says the superpower of 2025’s top software engineers? Mastering one language that rules both front-end and back-end 🔑💻 #FullStack2025

🖥️ Computer And Programming Timeline 70s → UNIX, C 80s → DOS, C++ 90s → GUI, Java, Python 2000s → Web + XP 2010s → Mobile + AI 2020s → AI + Cloud

Spread vs Rest in JS 🔥 Spread = expand/merge Rest = collect leftovers const car = { brand: "Toyota", color: "white" }; const newCar = { ...car, brand: "Tesla" }; // → { brand: "Tesla", color: "white" } Quick. Powerful. Clean. 🚀 #JavaScript #WebDev #tasla

🔥 Object Destructuring Extract values from objects in a clean way 👇 const bird = { name: "sparrow", coloured: { male: "white/brown" } }; const { name, coloured: { male } } = bird; console.log(name); // house sparrow console.log(male); // white/brown ✅ Cleaner ✅ Easier

✨ Shorthand Property vs 🤖 Computed Property in #JavaScript // Shorthand let name = "Usama", age = 22; const user = { name, age }; // Computed let key = "email"; const user2 = { [key]: "usama@example.com" }; 👉 Cleaner, shorter, smarter code 🚀 #100DaysOfCode

@chimeziep161 I code exactly this one week 🤔 maybe one and half week

Took me 2 hours. Cooked?✨

@GithubProjects No 🙂‍↔️ 😃

|￣￣￣￣￣￣￣￣￣￣￣￣￣￣| | Share your GitHub profile | |＿＿＿＿＿＿＿＿＿＿＿＿＿＿| \ (•◡•) / \ / ---- | | _| |_

@csaba_kissi Nice 👍🏻🙂

Back-end developer: ∟📂 Server-side programming (Python, Java, PHP, NodeJs, Go...) ∟📂 Databases (e.g., SQL, NoSQL) ∟📂 APIs and web services ∟📂 Security and authentication ∟📂 Caching and performance tuning ∟📂 Scalability and load balancing ∟📂 Deployment and DevOps ∟📂 Data structures and algorithms ∟📂 File storage and object storage (S3) ∟📂 Error handling and logging ∟📂 Testing ∟📂 Background jobs and task scheduling ∟📂 Continuous integration and delivery ∟📂 Containerization and orchestration (Docker, Kubernetes) ∟📂 Message queues and stream processing (RabbitMQ, Kafka)

🌍 JavaScript Scopes & Closures in 1 tweet: Global 🌍 → everywhere Function 🔧 → inside function Block 🧱 → inside { } Lexical 🧭 → depends on where written Closure 🔒 → function + remembered scope Master these → write cleaner JS 🚀 #JavaScript #100DaysOfCode

🔄 JavaScript for...x loops : for (let i=0; i<3; i++) {} // counter loop for (const i in arr) {} // keys / indexes for (const v of arr) {} // values ⚡ Remember: for → count for...in → index for...of → value 👉 Easy rule: in = index, of = values

This bug wasted me hours 😅 Sharing so the next dev saves time. If your React + Netlify site shows only a white screen, 👉 check _redirects and deploy settings first. #React #Netlify #WebDev #Frontend

💡 Pro tip: Always test locally before deploying: npm run build npx serve -s build If it works locally, your code is fine → problem is Netlify config.

Fix ✅ 1. Added _redirects file in public/: /* /index.html 200 2. Checked Netlify settings: Build command → npm run build Publish dir → build 3. Cleared cache & redeployed.