Bilqis 🧚🏼🌈

Frontend Developer | React Enthusiast | Building modern web experiences

[Bilqis 🧚🏼🌈 @Browser_Nerd]

Hello!
So I decide to join the ⁦@_100DaysOfCode⁩ train today. And here I’ve built a Agege Bread Cafe menu. This idea popped up while I was having a bread and tea breakfast this morning so I thought to do a think and code learning challenge process. 😊

[Bilqis 🧚🏼🌈 @Browser_Nerd]

🔥 JavaScript Event Delegation
Instead of adding event listeners to multiple elements, attach one listener to a parent & handle clicks efficiently!

🚀 Saves memory & works with dynamic elements!
#javascript #WebDev #CodingTips

[Bilqis 🧚🏼🌈 @Browser_Nerd]

AIl I want for Val is to be immensely wealthy. I know I can't achieve this through a salary, so the greatest gift will be showing me how to attain immense riches.

[Bilqis 🧚🏼🌈 @Browser_Nerd]

✨ JavaScript Closures: Functions with memory!
✔ A closure is created when a function remembers variables from its parent scope, even after the parent function has executed.

Closures power many patterns in JS, like private variables. 🔥
#JavaScript #WebDev

[Bilqis 🧚🏼🌈 @Browser_Nerd]

🚀 Async/Await: The modern way to handle asynchronous code in JavaScript!
✔ Cleaner than Promises.
✔ Error handling with try/catch.
✔ Looks like synchronous code.

#JavaScript #AsyncAwait #WebDevelopment

[Bilqis 🧚🏼🌈 @Browser_Nerd]

Welcome to 2025 🎉

[Bilqis 🧚🏼🌈 @Browser_Nerd]

@alaphati_t Working on an e-commerce website ☺️

[Bilqis 🧚🏼🌈 @Browser_Nerd]

Literally!

[dip. @Thesurfacedeep]

Lovebombing ? Na shawty I’m a poet, I meant everything, I felt everything and if it ends that’s fine. All the love I gave you is yours to keep, that’s how my mum raised me.

[Bilqis 🧚🏼🌈 @Browser_Nerd]

Promises keep your code clean & readable! 💻
#javascript #WebDevelopment

[Bilqis 🧚🏼🌈 @Browser_Nerd]

✨ JavaScript Promises: Handle async like a pro!

✔ Avoid callback hell.
✔ Chain .then() for sequential tasks.
✔ Use .catch() to handle errors.

Example:
fetchData()
.then(response => process(response))
.catch(err => console.error(err));

[Bilqis 🧚🏼🌈 @Browser_Nerd]

🌟 Web Performance Boost!
Lazy loading images = faster load times & happier users.

Simple, efficient, effective.

How do you optimize your site?

#WebDev #PerformanceOptimization

[Bilqis 🧚🏼🌈 @Browser_Nerd]

@trikcode Both, but emphasize the money!

[Bilqis 🧚🏼🌈 @Browser_Nerd]

🚀 Lazy Loading 101:
Why load everything upfront when you can load only what’s needed?
✔ Speeds up initial page load
✔ Saves bandwidth
✔ Improves user experience
Perfect for images, videos, and even routes in React!

#WebDev #PerformanceOptimization

[Bilqis 🧚🏼🌈 @Browser_Nerd]

🚀 JavaScript Tip:
The reduce() method isn’t just for summing numbers!

Use it to:
✔ Transform arrays
✔ Group data
✔ Build objects

What’s the coolest thing you’ve done with reduce()?

#JavaScript #WebDevelopment

[Bilqis 🧚🏼🌈 @Browser_Nerd]

@RyanEls4 Real struggle 😅

[Bilqis 🧚🏼🌈 @Browser_Nerd]

Ever wondered what makes JavaScript closures so powerful?

➡ They let functions remember the environment where they were created.
Perfect for private variables and callbacks! 🛠️

What’s your favorite use case for closures?

#JavaScript #WebDevelopment

[Bilqis 🧚🏼🌈 @Browser_Nerd]

JavaScript trivia: Did you know null is considered an object? 🤯

It’s a bug from the early days of JS, and it stuck!

We learn, adapt, and build amazing things anyway. 💻✨

#JavaScript #WebDev

[Bilqis 🧚🏼🌈 @Browser_Nerd]

13th December 2024
I started learning TypeScript 👩‍💻

[Bilqis 🧚🏼🌈 @Browser_Nerd]

Prop drilling got you down? 😩 React’s Context API is here to save the day!

💡 Share state directly.
💡 Cut through nested components.
💡 Keep your code clean & scalable.

Try it out and thank me later! 🚀

#ReactJS #WebDevelopment

[Bilqis 🧚🏼🌈 @Browser_Nerd]

Tired of passing props through countless components? 🤯

Prop Drilling = Maintenance nightmare!

Fix it with:
✨ Context API
📦 State libraries (Redux, Zustand)
🌐 Data fetch tools (React Query, Apollo)

Simpler, cleaner React apps!👌

#ReactJS #FrontendDev

[Bilqis 🧚🏼🌈 @Browser_Nerd]

Typography in Tailwind = Effortless styling 🖋️
🎨 text-xl font-bold text-gray-800
Responsive & stunning in seconds!
#TailwindCSS #WebDevelopment

[Bilqis 🧚🏼🌈 @Browser_Nerd]

Lifecycle methods in React hooks:
✨ useEffect: Side effects simplified.
🎯 Dependencies = Control updates.
Hooks keep components clean and dynamic!
#ReactJS