Frontend Queens

Smart Nano Stores, or how we made front-end simpler

Tired of overcomplicated state management? 😩
Join our next event on Nano Stores - a powerful way to handle app state across frameworks.

🧩 Learn atomic stores
⚛️ Works with #React, #Angular & more

🎙️ Nina Torgunakova
📅 Nov 13 @ 1 PM ET
👉 Register: bit.ly/47yXGHY

LinkedIn: Why Your Profile Matters More Than You Think

We just wrapped up "LinkedIn: Why Your Profile Matters More Than You Think"! 🚀
Big thanks to Kristiyan Velkov for the insights. 💼
Community bonus: 30% off his React.js interview books with code FRONTENDQUEENS 👉 kristiyanvelkov.com
#LinkedIn #CareerGrowth #FrontendQueens

𝗛𝗮𝗹𝗹𝗼𝘄𝗲𝗲𝗻 𝗠𝗲𝗲𝘁 & 𝗚𝗿𝗲𝗲𝘁

👻 We just wrapped up our spooky & fun 𝗛𝗮𝗹𝗹𝗼𝘄𝗲𝗲𝗻 𝗠𝗲𝗲𝘁 & 𝗚𝗿𝗲𝗲𝘁! 🕸️🎃

From magical questions to a Skribbl game where everyone was a winner, it was a frightfully good time! ✨🧩

𝗛𝗮𝗽𝗽𝘆 𝗛𝗮𝗹𝗹𝗼𝘄𝗲𝗲𝗻, 𝗲𝘃𝗲𝗿𝘆𝗼𝗻𝗲! 💜🧡

✨ LinkedIn isn’t just a CV - it’s your professional identity! 🚀
Join us Nov 6 at 12 PM ET to learn how to make your profile stand out, showcase your skills, and build meaningful connections.
🔗 Register: bit.ly/4qAihEC
#LinkedIn #CareerGrowth #FrontendQueens

Frontend Queens Meet & Greet

It’s time for a spooktacular Frontend Queens Meet & Greet! 👻🎃

Join us Oct 31 @ 12PM ET for:

💬 Networking
🎲 Games
📸 Virtual photoshoot

Celebrate Halloween with your frontend friends!

👉 Register: bit.ly/46quN1y

Getting Started with Vue: A Practical Introduction

🎉 Join us Oct 16 at 2 PM ET for Getting Started with Vue: A Practical Introduction!

💚 Learn what makes Vue special, explore its ecosystem, and get hands-on tips to start coding confidently.

🎙️ Speaker: Alex Opalic, Full-Stack Dev @ Otto Payments
🔗 bit.ly/3ILoBrN

The Simple Counter: Your First Step to Understanding React Hooks A simple counter is one of the most basic and beginner-friendly apps you can build in React. It showcases some of React’s core concepts…

⚛️ Our #React series continues with blog #6!

🔄 The Simple Counter: Your First Step to Understanding React Hooks

👉 Live demo: deeptijnair.github.io/counter/
👉 GitHub: github.com/deeptijnair/...

Full blog here → medium.com/@frontendque...

YouTube video by Frontend Queens Animating with Intention: Scrollytelling with GSAP and Accessibility in Mind

🚀 New recording out!

“Animating with Intention: Scrollytelling with GSAP and Accessibility in Mind” is now available on YouTube 🎥
Learn how to create engaging, accessible animations that tell a story.

👉 Watch here: youtu.be/_QcXtl_378A

Building a Weather App in React: A Beginner’s Guide Ah, the classic weather app. If you Google “Build a weather app”, you’ll come across hundreds — maybe thousands — of tutorials and guides…

🚀 New blog post in our React Series!
🌦️ Building a Weather App in React: A Beginner’s Guide Check it out: medium.com/@frontendque...

YouTube video by Frontend Queens The Story of i18n: Past, Present, and Best Practices for the Future

🚨 NEW Recording Available!

📺 The Story of i18n: Past, Present & Best Practices with Aymeric Pineau (creator of
@Intlayer_org
) is now live!

👉 Watch here: youtu.be/vRQNbFPE3Nc
🔔 Subscribe: bit.ly/4cQ5Lt0

Animating with intention

Just wrapped an awesome session on Animating with Intention with Tsvetelina Mladenova! Learned GSAP tips for smooth, accessible scroll animations & purpose-driven web design. She also reminded us the importance of being authentic in these challenging times for developers. 🎨✨

Building a Currency Converter App with React, Vite & Tailwind CSS Currency converters are simple yet convenient apps, and building one is a great way to sharpen your front-end skills. In this blog, I’ll…

🚀 New blog post in our React Series!
💻 Build a Currency Converter App with React, Vite & Tailwind CSS. Check it out: bit.ly/46l3fdX
#React #Vite #TailWindCSS #FrontendQueens

Animating with intention: scrollytelling with GSAP & accessibility in mind

🎬 Animating with intention: scrollytelling with GSAP & accessibility in mind
Learn how to create ✨smooth and accessible✨ scroll-driven animations with creative web developer Tsvetelina Mladenova.
📅 Sep 27
⏰ 11 AM ET
🔗 Register: bit.ly/3Vyxbg9

September Meet & Greet

Our September Meet & Greet was such a blast! 🙌 From fall pumpkin platters to proud projects, new volunteers, and a hilarious round of Scribble (yes, even “gasoline” made an appearance 😅) — we had it all! 💜

🎃 Stay tuned for our Halloween edition! 👻

Star-Rating Component: Beginner’s Guide for React JS These are the early morning hours, and my mind is fresh to capture the star-rating component in React JS . Most commonly, we need to take…

⚛️ Our #React series continues with blog #3! ⚛️

✨ Star-Rating Component: Beginner’s Guide for React JS ✨
Written by Uzma Khan 💜
👉 Live Demo: uzmakh.github.io/star-rating
👉 GitHub: github.com/Uzmakh/star-...

Full blog here → medium.com/@frontendque...

💻Happy Programmers’ Day! 🎉
Today we honor the brilliant minds who make the impossible possible through code. Programmers are the true builders of our digital world. 🚀
Here’s to more clean commits, smooth deployments, and endless innovation. 🙌

the story of i18n

What an event we had today! 🌍 We explored the world of internationalization (i18n) and how localization makes apps feel at home everywhere. 🚀 Huge thanks to Aymeric PINEAU from Intlayer for sharing the history, impact & best practices of building truly global products. 💡🙌

Meet & Greet

It’s time for our first Meet & Greet after the summer break! 🎉
Join us on September 18 @ 2 PM ET for our fall Meet & Greet 👑

🎃Welcome new volunteers
🎲 Fun games
🤝 Networking
📸 Virtual photoshoot

🎟️ Register: bit.ly/4l4TjdT

🚨 Reminder: our event is happening TOMORROW!

🌍 The Story of i18n: Past, Present, and Best Practices for the Future
📅 Sept 11, 2025 | ⏰ 12PM ET

Join Aymeric PINEAU & the Intlayer team for an inspiring session on building inclusive, global-ready products.

🔗 Register: bit.ly/4lSLres

Mastering the useState Hook: Build a Reusable Accordion in React An accordion is a Graphical User Interface(GUI) element that organizes content vertically into collapsible sections and display only when…

🌸 Our #React series continues! 🌸

🚀 Learn how to build a reusable accordion (like an FAQ section) with React + the useState hook.

Quick read. Live demo. Open-source repo.
Perfect for React beginners 👩‍💻👨‍💻
🔗 Blog: medium.com/@frontendque...

The story of i18n

🌍 Ever wondered how products work seamlessly worldwide? That’s the power of i18n!

Join Aymeric Pineau & the Intlayer team for insights + stories from women in tech 🚀✨

📅 Sept 11, 2025 | ⏰ 12PM ET
🔗 Register: bit.ly/4lSLres

#i18n #WomenInTech #FrontendQueens

Building a Quiz App in React: A Beginner’s Guide 🚀 I recently set out to build a simple quiz app with React, TypeScript, and Tailwind CSS. I wanted something small but meaningful. The goal…

🚀 New Blog Alert! 🚀

Kick off fall with our new series: React solutions for common interview questions! 🎉

First up, Agatha Yin shows how to build a Quiz App with React, TS & Tailwind ✨

Read here 👇 medium.com/@frontendque...

JS Arrays: “The Ordered Chaos of Data”. Embracing the Chaos

🚨 New Blog Post Alert!
Check out "JS Arrays: The Ordered Chaos of Data" by Lauren Molloy!

Dive into a beginner-friendly guide on arrays in JavaScript, with tips, methods, and challenges. Perfect for learning ordered data management! 📦🔢 ⬇️ medium.com/@frontendque...

YouTube video by Frontend Queens Add subscriptions to your React Native app in 20 minutes

🚨 New Recording! 🚨
“Add subscriptions to your React Native app in 20 mins” is now live! 🎥⚡
🧠 @lahteenlahti.com walks through:
• iOS & Android IAP
• Setup products & subs
• RevenueCat integration
• Best practices
▶️ Watch: youtu.be/6nHn-uvu78c

Add subscriptions to your React Native app in 20 minutes

👏 Just wrapped an amazing session with @lahteenlahti.com
on adding subscriptions in React Native!

🚀 Learned in-app purchases, @revenuecat.com paywalls & best practices.

There's still time to join the RevenueCat Shipathon! 🚢

💡Learn more here: www.revenuecat.com/blog/author/...

Add subscriptions to your React Native app in 20 minutes

💹 Add subscriptions to your React Native app in 20 minutes 💫
@lahteenlahti.com, Senior Developer Advocate at
@revenuecat.com , will demonstrate the process, from store setup to integration into your React Native codebase.

📅 Aug 14 | ⏰ 1 PM
🔗Join: bit.ly/4fsgH2E

YouTube video by Frontend Queens Design Patterns Study Group Session 4: Unique Instances & Code Reusability

🚨 New Recording Alert! 🚨
Design Patterns Study Group – Session 4 is live! 🎥
Learn about Singleton, Mixin, Static Import & Provider patterns with Poulami Saha.
📺 Watch now: youtu.be/oD1Rj34RNkE
🔔 Subscribe: bit.ly/4cQ5Lt0
#FrontendQueens #DesignPatterns

design patterns study group - session 4

🎉We just wrapped up our final session of #DesignPatterns study group!
Huge thanks to Poulami Saha for the clear, practical walkthrough of Singleton, Mixin, Static Import & Provider Patterns!👏 And to Lexi Antar for moderating with grace & energy! 💜 Let’s keep building! 💻✨

Design Patterns Study Group – Session 4

🎉 Happening This Saturday! 🎉

Design Patterns Study Group – Session 4
📅 July 26 | ⏰ 11 AM ET

Join us for the final session of our study group series and dive into:
✨ Singleton
✨ Mixin
✨ Static Import
✨ Provider Patterns

🔗 Register now → bit.ly/40RtdCo

YouTube video by Frontend Queens Design Patterns Study Group Session 3: Optimizing Performance & Structure

🚨 New Recording Alert!

Session 3 of our Design Patterns Study Group is live! 🎥

Huge thanks to Anju Karanji for breaking down the Flyweight & Proxy patterns.

📺 Watch now: youtu.be/zZwyh3yiXWw
📌 Subscribe: bit.ly/4cQ5Lt0

#FrontendQueens #DesignPatterns