Usama

Hi I am 22 year's old computer science engineer and I love programming...

[Usama @usama_dev_]

@mchulet @X Hey 👋 IAM frontend developer this is my portfolio https://t.co/b3a8q2hKaS

[Usama @usama_dev_]

Confusion to clarity useActionData hook from react router
https://t.co/bM8RaJJaGB

[Usama @usama_dev_]

Week 18 recap blog
https://t.co/NpsXzAPdQC

[Usama @usama_dev_]

Anyone confused tell me I can help you

[Usama @usama_dev_]

useReducer finally makes sense… because I built a project with it. 😄
React Quiz App + json-server fake API.
Here’s what I learned 👇 https://t.co/CUyqzMhl87

[Usama @usama_dev_]

@freeCodeCamp He is good teacher 👏🏻

[Usama @usama_dev_]

🧠 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

[Usama @usama_dev_]

💡 Just learned about JavaScript’s Optional Chaining (?.) — a lifesaver for avoiding errors in nested objects.

const user = { contact: { email: "[email protected]" } };

console.log(user?.contact?.email); // ✅ "[email protected]"
console.log(user?.profile?.age); // ✅ undefined

[Usama @usama_dev_]

@prime_sui Nice 👍🏻

[Usama @usama_dev_]

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

[Usama @usama_dev_]

🖥️ Computer And Programming Timeline

70s → UNIX, C

80s → DOS, C++

90s → GUI, Java, Python

2000s → Web + XP

2010s → Mobile + AI

2020s → AI + Cloud

[Usama @usama_dev_]

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

[Usama @usama_dev_]

🔥 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

[Usama @usama_dev_]

✨ Shorthand Property vs 🤖 Computed Property in #JavaScript

// Shorthand
let name = "Usama", age = 22;
const user = { name, age };

// Computed
let key = "email";
const user2 = { [key]: "[email protected]" };

👉 Cleaner, shorter, smarter code 🚀

#100DaysOfCode

[Usama @usama_dev_]

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

[Usama @usama_dev_]

@GithubProjects No 🙂‍↔️ 😃

[Usama @usama_dev_]

@csaba_kissi Nice 👍🏻🙂

[Usama @usama_dev_]

🌍 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

[Usama @usama_dev_]

🔄 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

[Usama @usama_dev_]

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