Arthi S’ Post

Frontend Interview Experience – A Small but Interesting Redux Debate Recently attended a frontend interview where the discussion covered HTML, CSS, JavaScript, React, GraphQL, and Microfrontends. During the React round, I was asked about the core pillars of Redux. I explained: • Store – holds the application state • Actions – plain JavaScript objects describing what happened • Reducers – pure functions that return the new state • Dispatch – sends actions to the store • Selectors – used to read data from the store Then came an interesting moment The interviewer mentioned that "Actions are functions, not objects." I respectfully shared my understanding that: In Redux, an Action is a plain JavaScript object with a mandatory type field. After the interview, I double-checked — and yes, Redux defines actions as plain objects. The likely confusion: What the interviewer referred to was Action Creators, which are functions that return action objects. Example: const addTodo = (text) => ({ type: "ADD_TODO", payload: text }); Key takeaway: • Action = Object • Action Creator = Function 🎯 Interviews are not just about right or wrong — they’re about clarity of concepts and communication. Curious to know — have you ever faced a situation where both perspectives were technically correct but misunderstood in interviews? #Frontend #React #Redux #JavaScript #InterviewExperience #Learning

🚀 ReactJS Interview Breakdown — Topic-Wise Questions You MUST Prepare 👇 Just completed a strong technical round, and here’s a structured breakdown of questions asked topic-wise 👇 --- 🧠 JavaScript (Core Concepts) - What is the Event Loop? How does async execution work? - Output-based questions: - "10 > 9 > 8" → why? - Array ".push()" return value behavior - Type coercion and comparison logic --- ⚛️ ReactJS - How does rendering work in React? - What is the role of "useEffect"? (dependency array, cleanup) - Difference between "useMemo" and "useCallback" - When do unnecessary re-renders happen? --- 🧭 React Router - Difference between "useNavigate" and "useLocation" - When to use each in real scenarios --- 🔄 State Management (Redux) - Redux vs Redux Toolkit - What is Store vs State? - What does store actually contain? --- 🌐 API Handling - What are Axios Interceptors? - Where have you used them in real projects? - Handling auth tokens & global error handling --- 💻 Coding Questions - Find starting index of substring (case-sensitive & insensitive) - Find ALL occurrences of a word - Handle edge cases (ignore punctuation like ".", "!") - Group array of objects → "{ age: [names] }" - Write polyfill for "Array.prototype.filter" - Merge two arrays and sort (without inbuilt methods) --- 🔥 What they really evaluate - Problem-solving approach - Edge case handling - Clean and optimized code - Real-world experience over theory --- 💡 If you’re preparing for React interviews: 👉 Focus on concept clarity + coding + real use cases --- Drop a 🔥 if you want: - Answers to these questions - Machine coding patterns - Last-minute revision sheet #ReactJS #JavaScript #FrontendInterview #Redux #CodingInterview #WebDevelopment

🚀 Built something for every frontend developer preparing for interviews! I’ve created a complete Preparation Guide that covers everything you actually need 👇 💡 What you’ll find inside: • 🌐 HTML, CSS & JavaScript fundamentals • ⚛️ Core concepts of React • 🧠 Machine Coding Round Questions • 📚 Structured topics & subtopics for focused learning No more random resources — everything is organized in one place to help you prepare smarter, not harder 🎯 🔗 Check it out: https://lnkd.in/geXQnzhA Would love your feedback 🙌 Let’s help each other grow 🚀 #FrontendDeveloper #React #JavaScript #WebDevelopment #CodingInterview #MachineCoding #HTML #CSS

🚀 Day 13 of My Frontend Developer Interview Preparation Today I focused on understanding the “this” keyword in JavaScript along with revising some core basics. 🔹 Learned how this behaves differently based on context: In global scope Inside objects Inside regular functions vs arrow functions In event handlers 🔹 Understood that this is not fixed — it depends on how a function is called, which makes it a very important (and sometimes tricky) concept in interviews. 🔹 Also revised key JavaScript fundamentals: Arrays & Objects Shallow vs Deep Copy Destructuring Spread & Rest Operators 💡 The more I learn, the more I realize that strong fundamentals are the real game changer for cracking interviews. Tomorrow’s plan: Practice tricky questions on these topics and strengthen my problem-solving 🚀 #JavaScript #FrontendDevelopment #WebDevelopment #CodingJourney #InterviewPreparation #LearningEveryday

🚀 React Interview Question Breakdown – Can You Spot the Issues? Recently, I came across some interesting React interview questions focused on debugging and code optimization. Sharing them here 👇 🔍 Question 1: Find the issues and fix them const items = useSelector(state => state.items); const [filtered, setFiltered] = useState(items); useEffect(() => { setFiltered(items.filter(i => i.name.includes(search))); }, []); 🔍 Question 2: Find the issues and fix them const handleLike = async () => { const newCount = likes + 1; setLikes(newCount); await api.updateLikes(newCount); if (condition) { setLikes(likes + 1); // Review point } }; #ReactJS #FrontendDevelopment #JavaScript #WebDevelopment #InterviewQuestions #ReactHooks

Top 10 React Hooks Interview Questions 1. What are the benefits of using Hooks in React? 2. What are the rules of React Hooks? 3. What is the difference between useEffect and useLayoutEffect in React? 4. What does the dependency array of useEffect affect? 5. What is the useRef hook and when should you use it? 6. What is useCallback? 7. What is the useMemo hook in React and when should it be used? 8. What is the useReducer hook in React and when should it be used? 9. What is the useId hook in React and when should it be used? 10. How to create and use Custom Hooks in React? Connect/Follow Tarun Kumar for more tech content and interview prep #ReactJS #FrontendDevelopment #JavaScript #WebDevelopment #ReactHooks #CodingInterview

🚀 Cracking JavaScript & React Interviews? Start Here 👇 Today I’m sharing a curated set of most-asked JavaScript & React interview questions that can literally make or break your interview 💯 📄 I’ve compiled everything into a PDF (attached) — save it, revise it, and practice consistently. 🔥 What’s inside the PDF? ✅ Core JavaScript Concepts Closures, Hoisting, Scope Event Loop & Callbacks Promises vs Async/Await This keyword & Prototypes ✅ Important React Topics useState & useEffect deep understanding Virtual DOM & Reconciliation Props vs State Controlled vs Uncontrolled Components Performance Optimization ✅ Interview-Focused Questions Output-based tricky questions 🧠 Real-world coding scenarios Frequently repeated questions in interviews 💡 Why this matters? Most candidates fail not because they don’t know coding… but because they lack clarity in fundamentals. 👉 Interviews test your thinking, not just syntax. 🎯 How to use this PDF? Don’t just read — try to answer first Revise daily (15–20 mins) Practice explaining concepts out loud Focus on “WHY”, not just “WHAT” 💬 If you're preparing for: #FrontendDeveloper #ReactDeveloper #JavaScriptInterviews This will definitely help you 🚀 🙏 Special thanks to everyone who keeps pushing me to learn and grow! 📌 Comment "PDF" and I’ll make sure you don’t miss future resources like this. #javascript #reactjs #webdevelopment #frontend #codinginterview #developers #programming #100daysofcode #learncoding #techcareer #softwaredeveloper #interviewpreparation #reactdeveloper #js

⚛️ ReactJS Interview Questions You Should Know Preparing for frontend interviews? ReactJS is one of the most in-demand skills right now. 📌 Here’s what I explored: • What is React and how it works • Component-based architecture • Virtual DOM & performance • Real-world usage in modern web apps 💡 Key takeaway: Understanding concepts is more important than just memorizing answers. Strong fundamentals = better problem solving in interviews. If you're aiming for frontend roles, React is a must-have skill. 📘 Learn. Build. Repeat. 👉 Don’t forget to follow Anurag Gautam for more tech content 🔁 Repost if this helps you 💬 Comment “REACT” and I’ll share more resources #ReactJS #Frontend #WebDevelopment #JavaScript #Coding #Developers #Tech #Learning #InterviewPrep #SoftwareDevelopment

💡 React Interview Questions I Prepared as a Developer While preparing for interviews, I compiled a list of important React questions into a PDF 📄 Instead of keeping it to myself, I thought of sharing a quick summary here 👇 🔹 What is React? A JavaScript library for building UI using reusable components. 🔹 What is Virtual DOM? React creates a virtual copy of the DOM and updates only the changed parts → faster performance. 🔹 What are Hooks? Functions like "useState", "useEffect" that let you use state and lifecycle features in functional components. 🔹 What is State vs Props? State → managed inside component Props → passed from parent to child 🔹 What is useEffect? Used for side effects like API calls, subscriptions, timers. 🔹 What is conditional rendering? Displaying UI based on conditions (if/else, ternary). 🔹 What is key in React? Unique identifier for list items → helps React optimize rendering. 🔹 What is lifting state up? Sharing state between components by moving it to a common parent. --- 📄 I’ve attached my full PDF with more questions and explanations. Feel free to check it out! #ReactJS #FrontendDevelopment #WebDevelopment #MERNStack #InterviewPrep #LearnToCode

Consistency is the secret sauce to cracking tech interviews. 🚀 This breakdown of JS concepts is a great roadmap for anyone feeling overwhelmed by the breadth of the language. For more structure practice checkout: https://lnkd.in/gM-vmt2z #SoftwareEngineering #Programming #JavaScript #TechInterviews #JuniorDev #PracHub