Yuvraj Pandey

🤯 Tricky Frontend Interview Questions for Experienced Frontend Folks - New Blog Post at FrontendGeek.com ✅ setTimeout polyfill implementation in JavaScript Here is the post link - https://lnkd.in/di7iVSiT 🚀 What's hard in the setTimeout polyfill implementation Most of the frontend candidates approach this question using while loops to track the time, but that is not an efficient approach to implement this question because while loops are blocking in nature and freeze the application You should be familiar with "requestAnimationFrame" to implement this polyfill. Check out at MDN - https://lnkd.in/d9YSJG7f ⬇️ Comment down if you have encountered any tricky polyfill questions in your interview. --- ✅ Check out FrontendGeek.com to prepare for all rounds of Frontend Interviews with the best curated resources for free.   🚀 Follow Anuj Sharma & FrontendGeek to stay tuned with Frontend Interview preparation tips, development & jobs-related stuff #frontend #interview #frontendinterview #javascript #js #polyfill #questions #react #preparation #javascriptinterview #frontendgeek

101

15 Comments

Swift Kozhikode is hosting a concept-based learning session to help students and early-career developers explore native iOS development, understand how iOS apps are built in the real world, and decide whether native iOS is the right path for them. - This is not a hands-on workshop. - No MacBook is required. If you have MacBook , it would be nice. - The session focuses on learning, understanding, and career guidance. What You’ll Learn - How native iOS development works - Basics of the Swift programming language - Introduction to UIKit and SwiftUI - Core concepts like app lifecycle and state - How real companies build iOS apps at scale - A clear roadmap to move from cross-platform to native iOS Who Should Attend? - Students interested in mobile app development - Flutter / React Native beginners - Developers curious about iOS but unsure where to start - Anyone without a MacBook who wants clarity before investing Why Attend? Native iOS offers strong career opportunities, especially because there are fewer native iOS developers compared to cross-platform developers. This session helps you understand the ecosystem before committing time or money. 📅 Date: January 31, 2026 ⏱ Duration: 3–4 hours 📍 Venue: Hilite Business Park Calicut 🎟 Registrations on MakeMyPass : - https://lnkd.in/gUmb87UM Swift Bengaluru Swift Chennai Swift Mumbai Swift Delhi Swift Surat Swift Pune Swift Ahmedabad #SwiftKozhikode #iOSDevelopment #Swift #MobileDevelopment #DeveloperCommunity #KeralaTech #CrossPlatform #NativeiOS #TechMeetup

41

1 Comment

🎯 Frontend Development Skills for Product-Based Companies 🔥 Ready to stand out in top tech teams? Join Ng Delhi Community: https://lnkd.in/gZfR9exS ✅ A well-structured roadmap is your best friend if you’re aiming to become a high-performing frontend developer. 📌 𝗕𝗮𝘀𝗶𝗰 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗖𝗼𝗻𝗰𝗲𝗽𝘁𝘀 • Data types • Functions • Scope • Closures • Event loop • Prototype & prototype chain • Classes & inheritance • DOM manipulation • bind / call / apply • Promises • Web APIs • Task queue & call stack • Async/await • Generators • TypeScript 📌 𝗕𝗮𝘀𝗶𝗰 𝗛𝗧𝗠𝗟 𝗖𝗼𝗻𝗰𝗲𝗽𝘁𝘀 • Block vs Inline elements • Semantic HTML • Imports and includes • Forms & accessibility • Infinite questions, infinite possibilities! 📌 𝗕𝗮𝘀𝗶𝗰 𝗖𝗦𝗦 𝗖𝗼𝗻𝗰𝗲𝗽𝘁𝘀 • Selectors (Class, ID, Universal) • Pseudo Classes & Elements • Box Model • Display types: flex, grid, block • Centering techniques • Element states: active, hover, focus • Media queries • Preprocessors: SCSS/LESS • Mixins, variables, constants • BEM naming convention • Importing styles 📌 𝗕𝗮𝘀𝗶𝗰 𝗪𝗲𝗯 𝗖𝗼𝗻𝗰𝗲𝗽𝘁𝘀 • Page rendering lifecycle • HTTP, HTTPS, HTTP/2 • CORS • LocalStorage / SessionStorage • Cookies • JWT • XMLHttpRequest • Micro Frontends • REST / GraphQL / WebSocket • Browser internals • Debugging techniques • Chrome DevTools mastery 📌 𝗔𝗱𝘃𝗮𝗻𝗰𝗲𝗱 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 • OOP principles • Design Patterns: ▸ Singleton, Provider, Prototype ▸ Observer, Module, HOC • V8 Engine insights: ▸ JIT, Interpreter, Execution • Currying 📌 𝗕𝗮𝘀𝗶𝗰 𝗥𝗲𝗮𝗰𝘁𝗝𝗦 (𝗕𝗼𝗻𝘂𝘀) • JSX • Components (Functional & Class) • State, Props, Hooks • Lifecycle methods • Virtual DOM • Context API • Redux / Flux • Routing • Testing with Jest & RTL • Webpack, Babel, ESLint, Prettier 📌 𝗕𝗮𝘀𝗶𝗰 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 (𝗕𝗼𝗻𝘂𝘀) • Angular architecture & modules • Components, Directives, Pipes • Services & Dependency Injection • Lifecycle Hooks • Routing & Lazy Loading • Template vs Reactive Forms • RxJS & Observables • Change Detection Strategies • Angular Signals (latest) • State Management (NgRx / Signals) • Testing with Jasmine & Karma • Angular CLI, Environment configs • SSR with Angular Universal • Angular Material & CDK Like, save, and share if this helped you! Enjoy learning — one topic at a time! #frontend #javascript #html #css #webdevelopment #reactjs #angular #typescript #roadmap #developers #ngdelhi #codingjourney #techskills

110

5 Comments

🚀 System Design: The Backbone of Every Successful App Imagine building a house without a blueprint — risky, right? The same goes for apps without proper system design. In my latest Medium post, I’ve broken down: 🔹 Why system design matters 🔹 Core elements (architecture, components, data flow, requirements) 🔹 The difference between High-Level Design (HLD) & Low-Level Design (LLD) 🔹 Why companies like WhatsApp, Amazon, and Google invest heavily in system design 👉 Read the full article here: [https://lnkd.in/gVWm-AYp] And if you prefer video learning, check out my latest YouTube breakdown: 🎥 https://lnkd.in/g6pcASGE #SystemDesign #SoftwareArchitecture #BackendEngineering #Scalability #Tech #softwareengineer

9

Frontend Developer Mock Interview | React & Next.js | Real Interview Experience Just released a real-world frontend mock interview where I interviewed Arvinder Singh, a Software Engineer & Frontend Developer with strong hands-on experience in React, Next.js, and performance-focused UI development. This session closely simulates a real product-based company interview, focusing on how frontend engineers think, design, optimize, and explain decisions in real scenarios. 🔍 What you’ll learn from this mock interview: -- React fundamentals and modern hooks patterns -- Next.js architecture, SSR, and routing concepts -- Frontend performance optimization using code splitting, tree shaking, and lazy loading -- Core Web Vitals and bundle size optimization -- Redux Toolkit and state management decisions -- Scalable reusable component and SDK architecture -- GA4 integration and event tracking -- Frontend system design thinking -- Interview mindset and problem-solving approach 👨‍💻 Candidate highlights: -- Solved 550+ LeetCode problems -- Experience with enterprise dashboards and analytics systems -- Tech stack: React, Next.js, TypeScript, Redux Toolkit, Tailwind CSS -- Top 10% performer in hackathons 📌 This video is highly useful for: -- Frontend developers preparing for interviews -- React & Next.js engineers targeting product-based companies -- Developers focusing on performance optimization and scalable UI architecture ▶️ Watch the full mock interview here: 🔗 YouTube Link: https://lnkd.in/gqTZ5Yp3 📩 For mock interviews, mentoring, or frontend training, feel free to reach out. Let me know in the comments what frontend or interview topics you want next 👇 #FrontendDeveloper #MockInterview #ReactJS #NextJS #FrontendInterview #ReactInterview #JavaScriptInterview #WebPerformance #FrontendSystemDesign #ReduxToolkit #CoreWebVitals #ProductBasedCompanies #SoftwareEngineer #MohitDecodes

33

15 Comments

🚀 New Blog in My SOLID in iOS Series — Part 5 is Live! As iOS engineers, we use protocols every day. But here’s an uncomfortable question: Have you ever conformed to a protocol… just to implement methods marked // not used here? If yes — you’ve likely violated the Interface Segregation Principle (ISP) without realizing it. In Part 5 of my SOLID in iOS series, I break down: ✅ Why “fat” delegates are a hidden architecture smell ✅ How empty protocol methods increase cognitive load ✅ How ISP keeps ViewControllers focused and honest ✅ Why smaller protocols dramatically improve testability ✅ How Apple’s own APIs (UITableView) get this right This article is not about theory. It’s about code you’ve written — and probably shipped. 📖 Read here: 👉 SOLID in iOS — Part 5: Interface Segregation Principle (ISP) https://lnkd.in/gqUYdi-w ⸻ 📚 SOLID in iOS — Series Progress • Part 1 — The Blueprint • Part 2 — SRP (and Testing) • Part 3 — OCP • Part 4 — LSP • Part 5 — ISP (This article) • Part 6 — Dependency Inversion Principle (Coming soon) ⸻ 👋 Want More Deep-Dives or Personal Guidance? • ✍️ I regularly publish long-form iOS architecture content on Medium 👉 Follow me here: https://lnkd.in/g5t8Z43Z • 🤝 I also mentor developers and help resolve real-world iOS & career questions via free 1:1 sessions on Topmate 👉 Book a free session: https://lnkd.in/gs3D8ZKb

47

💡 Can India’s own Mappls become the go-to alternative to Google Maps for developers? Lately I’ve been exploring Mappls (by MapmyIndia) an Indian-made mapping platform with APIs for directions, navigation, and map embedding. It’s impressive to see this ecosystem grow, but here’s what I’ve been wondering: If Mappls opened up clear developer documentation, SDKs, and integration support, it could empower thousands of Indian startups and businesses to: Add location & route features on their websites and apps Show nearby stores or delivery paths Build logistics, real estate, or travel solutions without relying on foreign APIs I’ve seen some public docs on https://lnkd.in/dw6Ec7bu, but would love to hear from the Mappls team or community — 👉 Are these APIs fully open for integration, or do we need business access? 👉 Any upcoming updates for developer-friendly SDKs and open samples? If we can make this accessible, Mappls could easily become the default mapping backbone for India. 🇮🇳 #Mappls #MapmyIndia #MadeInIndia #Developers #APIs #Mapping #Innovation Zoho

13

1. “Things I misunderstood about React when I started” •Hooks vs lifecycle •State vs props •Why re-render ≠ reload 2.“How React changed the way I think about UI development” •Component-based thinking •Reusability •Separation of concerns 3.“From Vanilla JS to React: what actually improved my productivity” •JSX •Virtual DOM •Ecosystem (Router, Context, Hooks) 4.“Why React is still relevant in 2026 despite new frameworks” •Community •Job market •Flexibility with backend/AI tools

17

2 Comments

Hey folks! As many of us in the Frontend Developer community know that NamasteDev has created some truly great and impactful cources that help learners to become zero to hero(in Akshay's own words). Recently, they launched a new feature called interview practice, which is incredibly helpful for improving our frontend problem solving skills, especially for machine coading rounds at the top tech companies. A huge thanks to Akshay Saini 🚀 and the NamasteDev team for this incredible initiative for free to help developers to sharpen their skills. 🚀 🚀 🚀 🚀 🚀 🚀 #NamasteDev #ReactJS #JavaScript #FrontendDevelopment #WebDevelopment #Coding #LearnToCode #AkshaySaini #DevCommunity

44

1 Comment

🚀 Day 20 of 75 Days JavaScript Coding Challenge Today’s problem: Implementing the countBy function 🔥 You’re given a collection (array or object) and an iteratee (function or property). The task is to group elements based on the iteratee and return counts for each group. This is inspired by Lodash’s countBy utility and is often asked in JavaScript interviews. A great exercise to improve problem-solving and functional programming skills! 💡 👉 Watch the full explanation and solution here: https://lnkd.in/gFMKuhW6 #JavaScript #CodingChallenge #75DaysChallenge #ProblemSolving #Lodash #countBy

7

𝐀𝐫𝐞 𝐲𝐨𝐮 𝐫𝐞𝐚𝐥𝐥𝐲 𝐥𝐞𝐯𝐞𝐫𝐚𝐠𝐢𝐧𝐠 𝐒𝐕𝐆𝐬 𝐢𝐧 𝐑𝐞𝐚𝐜𝐭 𝐍𝐚𝐭𝐢𝐯𝐞? Scalable icons aren’t just a design preference - they’re essential for a seamless, polished experience across devices. But getting SVGs to render cleanly in React Native can be tricky. That’s why our developer Hariharan T put together a clear, real-world guide to help you get it right, without the guesswork. ✅ In this blog, we walk you through: • Choosing the right libraries (react-native-svg and react-native-svg-transformer) • Importing .svg files properly • Rendering icons in both iOS and Android • Bonus: Tips on performance and handling common pitfalls At Gislen Software, we don’t just write code - we build robust, real-world apps that look great and work everywhere. 🔗 Dive into the full blog to see how you can elevate your UI with smooth, scalable SVGs in React Native. (Link in comments) #ReactNative #SVGIcons #ReactNativeTips #DevExperience #GislenSoftware #DeveloperBlog

18

1 Comment

48 hours. 15 teams. 23 autonomous agents. This is what happens when you give engineers the freedom to innovate. Our internal AI Agent Hackathon pushed every team to build production-ready software delivery agents — not demos, not POCs. The results speak for themselves: → Full JIRA-to-Deploy automation → 20–30 hrs saved per engineer per week → 3× velocity increase Proud of every engineer who participated. Special congratulations to our winners — Vraj, Pankaj, Nirav, Jaydip, and Mohit. Enterprise-grade DevFlow Platform coming shortly. #AIFirst #SoftwareAutomation #EngineeringCulture #GroovyWeb #BuildInPublic

7

🚀 System Design for Frontend Development isn’t just about UI—it’s about building scalable, maintainable, and high-performance applications. From choosing the right architecture (SPA, SSR, Micro-frontends) to setting up efficient state management, routing, component hierarchies, API layers, and CI/CD pipelines—every layer plays a critical role. 💡 Key aspects to focus on: 1) Scalable folder structure & reusable components 2) Smart state management (Redux, Zustand, React Query) 3) API abstraction & error handling 4) Performance optimization (lazy loading, caching) 5) Testing, accessibility, and clean code practices 6) CI/CD, monitoring & security Designing your frontend like a system — not just a set of screens — sets the foundation for long-term success. 💡 #Frontend #SystemDesign #WebDevelopment #ReactJS #Performance #DeveloperExperience

13

For the new session at #DevFestAhm, join Prashant R Dalai (SDE 2, Direction Software LLP) for Offline RAG on Mobile (Flutter). Prashant will show how to run Retrieval-Augmented Generation fully offline in Flutter—chunking docs, creating on-device embeddings, running fast local k-NN, comparing vector stores (Isar vs SQLite), and using tiny local models for instant answers. Expect practical budgets, patterns, and a live “Wi-Fi off” demo. #GDGAhmedabad #DevFestAhmedabad #DevFest2025 #AI #ProductEngineering #GDG

6

Why Code Reviews Are Our Strongest Culture, Not a Rule Most teams treat code reviews as mere formalities, but at Saee, we treat them as the very essence of our culture. Every pull request is not just a code check; it’s an opportunity to: 🧩 Share patterns that enhance the development of the next feature. 🧠 Gain insights into how other developers tackle similar challenges. 🤝 Foster trust among teams that rarely meet in person. Our code review checklist begins with a question that goes beyond mere syntax: “Can someone else maintain this code six months from now?” We also leverage AI-assisted review bots to promptly identify consistency and performance issues, but human feedback remains paramount. After all, great architecture is as much about shared understanding as it is about syntax. The objective of every review is not perfection; it’s progress and shared ownership. Team Culture, Code Review, Engineering Process, Leadership, Saee #SoftwareEngineering

8

At Buffer, we are gradually migrating our entire Android app to our new GraphQL API and at the same time, migrating these features to Jetpack Compose away from our legacy UI implementations. All of this work is implemented behind feature flags, allowing us to gradually test and rollout these changes. While this has meant keeping both REST + GraphQL, along with Compose and XML implementations side-by-side, we're finally at the point where we can start removing these old implementations. Feature flag logic can get complex when approaching things this way, but bad experiences for users and the risk of slow app-store review times bring much more complexity 😅 This diff count is for the removal of all our legacy Post API and UI - what we use to show all of your posts in Buffer across different views. At Buffer we support 12 different networks (instagram, linkedin etc), many of which require us to display different information within these UI components, as well as having to handle different UI for each of their different use cases (queued, sent, drafts, approvals, calendar etc) - it's a lot of code but it also needs to handle a lot of use cases and logic (a lot of it was also Java 😅). The new code for this is a fraction of this, enabled by the simplicity of Jetpack Compose. The handling of different UI components for different Post states becomes easy with the slot based API and conditional composition. We tied these rewrites to other product related work, but there is benefit outside of this - we'll be able to move much fast in these parts of the code and not only does the app feel smoother in these parts, but we'll unlock more efficiency as AI agents will now have more success in understanding and performing changes in this codebase. As we migrate more of the core parts of our app in these ways, I'm looking forward to seeing more of these benefits come through!

241

16 Comments

🚀 Demystifying React – From Hooks to the Heartbeat of the Framework Most of us use React daily, writing components, managing state, using hooks. But how often do we peek inside to understand how React truly works? Recently, I dove into React’s internal architecture and was amazed by the layers of engineering beneath the surface: 🧵 Fiber Architecture — Enables async rendering and granular updates. 🛣️ Lanes — A priority system that keeps UI responsive. ⏱️ Scheduler — React’s behind-the-scenes orchestrator. React isn’t magic, it’s meticulously engineered. And knowing how it works helps you debug faster, optimize better, and think smarter. ✨ Starting today, I’m launching a daily series: “React Internals Unpacked” Each post will highlight a key concept from React's core clear, concise, and practical for devs. Let’s explore React beyond components. Stay tuned! #ReactJS #WebDevelopment #FrontendEngineering #SoftwareDesign #JavaScript

5