54:I[665605,["/_next/static/chunks/cba5371af0a0e3c7.js","/_next/static/chunks/33f24b7135e5d981.js","/_next/static/chunks/9b8464a629951745.js","/_next/static/chunks/de44ad344e8310d7.js","/_next/static/chunks/95dbf5836b7deb31.js","/_next/static/chunks/52e43efbaa9ec428.js","/_next/static/chunks/e3dcee8b49cca7ae.js","/_next/static/chunks/b3401757a62151c5.js","/_next/static/chunks/171b741b95db0439.js","/_next/static/chunks/b02c4b97bbee5da5.js","/_next/static/chunks/fb849bbadd253ef9.js","/_next/static/chunks/90216186efc0da8c.js"],"default"] 58:I[265904,["/_next/static/chunks/cba5371af0a0e3c7.js","/_next/static/chunks/33f24b7135e5d981.js","/_next/static/chunks/9b8464a629951745.js","/_next/static/chunks/de44ad344e8310d7.js","/_next/static/chunks/95dbf5836b7deb31.js","/_next/static/chunks/52e43efbaa9ec428.js","/_next/static/chunks/e3dcee8b49cca7ae.js","/_next/static/chunks/b3401757a62151c5.js","/_next/static/chunks/171b741b95db0439.js","/_next/static/chunks/b02c4b97bbee5da5.js","/_next/static/chunks/fb849bbadd253ef9.js","/_next/static/chunks/90216186efc0da8c.js"],"ArticleVoteButtons"] 30:["$","h2","26",{"children":"What is prop drilling and how do you solve it?"}] 31:["$","p","28",{"children":"Prop drilling is passing props through many layers of components that don't need them."}] 32:["$","pre","30",{"children":["$","code",null,{"className":"language-tsx","children":"// Prop drilling\n\n \n \n \n \n \n\n"}]}] 33:["$","p","32",{"children":"Solutions: component composition, Context, or a state management library."}] 34:["$","hr","34",{"children":"$undefined"}] 35:["$","h2","36",{"children":"How does React Context work?"}] 36:["$","p","38",{"children":"Context provides a way to pass data through the component tree without prop drilling."}] 37:["$","pre","40",{"children":["$","code",null,{"className":"language-tsx","children":"const UserContext = createContext(null);\n\nfunction App() {\n const [user, setUser] = useState({ name: 'John' });\n\n return (\n \n \n \n );\n}\n\nfunction DeepNestedComponent() {\n const user = useContext(UserContext);\n return

{user.name}

;\n}\n"}]}] 38:["$","hr","42",{"children":"$undefined"}] 39:["$","h2","44",{"children":"What are the limitations of Context?"}] 3a:["$","p","46",{"children":"Context has two main limitations:"}] 3b:["$","ol","48",{"children":["\n",["$","li","1",{"children":"All consumers re-render when value changes — even if they only use part of the value"}],"\n",["$","li","3",{"children":"No built-in optimization — unlike Redux, there's no selector pattern"}],"\n"]}] 3c:["$","pre","50",{"children":["$","code",null,{"className":"language-tsx","children":"// Problem: changing theme re-renders components that only need user\nconst AppContext = createContext({ user: null, theme: 'light' });\n\n// Solution: split into separate contexts\nconst UserContext = createContext(null);\nconst ThemeContext = createContext('light');\n"}]}] 3d:["$","hr","52",{"children":"$undefined"}] 3e:["$","h2","54",{"children":"How does Zustand work?"}] 3f:["$","p","56",{"children":"Zustand is a minimal state management library with less boilerplate than Redux."}] 40:["$","pre","58",{"children":["$","code",null,{"className":"language-tsx","children":"import { create } from 'zustand';\n\nconst useStore = create((set) => ({\n count: 0,\n increment: () => set((state) => ({ count: state.count + 1 })),\n}));\n\nfunction Counter() {\n const count = useStore((state) => state.count);\n const increment = useStore((state) => state.increment);\n\n return ;\n}\n"}]}] 41:["$","p","60",{"children":"Zustand automatically handles selective re-renders based on what you select from the store."}] 42:["$","hr","62",{"children":"$undefined"}] 43:["$","h2","64",{"children":"Common Interview Questions"}] 44:["$","p","66",{"children":["$","strong",null,{"chi