User Interface
System Design
JavaScript Coding
Conceptual
Roadmap
Changelog

Popular Companies

Atlassian
Microsoft
Netflix
Google
Meta

Click to collapse (⌘B)

Conceptual

Master the concepts interviewers actually test. Clear, concise explanations of topics that separate strong candidates from the rest.

0123456789

/284

Solved

Search questions…

async/await in JavaScript
Medium
What are the benefits of using hooks in React?
Easy
How does the box model work in CSS?
Medium
call( ) vs apply( )
Medium
call( ) vs bind( )
Medium
CSR vs SSR
Medium
Explain the composition pattern in React
Medium
Controlled vs uncontrolled components in React
Medium
What is CSRF?
Medium
What is the CSS display property and what are examples of its use?
Easy
What is CSS selector specificity and how does it work?
Medium
What is the difference between debouncing and throttling?
Medium
What is event delegation in JavaScript?
Medium
What is the event loop in JavaScript?
Medium
How to improve website performance?
Medium
Promises vs callbacks
Medium
What is prototypal inheritance?
Medium
How does re-rendering work in React?
Medium
What are the rules of React hooks?
Easy
sessionStorage vs localStorage vs cookies
Medium
Shallow copy vs deep copy
Medium
this keyword in JavaScript
Medium
Unit vs integration vs end-to-end testing
Medium
What is the useCallback hook in React?
Medium
How does the useEffect dependency array work?
Medium
What is the useMemo hook in React?
Medium
What is the useRef hook in React?
Medium
What happens when the useState setter function is called in React?
Medium
var vs let vs const
Medium
Virtual DOM in React
Medium
What does preventDefault() do?
Easy
What happens when you type a URL into a browser and hit enter?
Medium
What is a closure in JavaScript?
Medium
What is AB Testing?
Easy
What is Responsive Design?
Easy
Why does React recommend against mutating state?
Medium
What is AbortController?
Medium
How do you build an accessible form?
Medium
What is the use of aria-label, aria-labelledby, and aria-live?
Easy
Why is using array indices as keys a bad idea?
Medium
What are common async data loading patterns in React?
Medium
async vs defer
Medium
How does caching improve performance?
Medium
What are callback functions?
Easy
Classical vs prototypal inheritance
Medium
Using closures for private variables
Medium
Code Splitting
Medium
What are common data fetching pitfalls in React?
Medium
Common 'this' pitfalls
Medium
CommonJS vs ES Modules
Medium
Why should you animate transform and opacity instead of other properties?
Medium
What are CSS keyframes?
Easy
How does positioning work in CSS?
Medium
What is the difference between CSS transitions and animations?
Easy
What is dangerouslySetInnerHTML in React?
Easy
What is difference between a map object and a plain object in JavaScript?
Easy
How do you optimize DOM manipulation?
Medium
What is the DOM structure?
Easy
== vs ===
Easy
What are error boundaries in React?
Medium
Error handling with try...catch
Medium
How do you handle errors in asynchronous operations?
Medium
What are ES2015 classes and how do they differ from ES5 function constructors?
Medium
Describe event capturing in JavaScript
Medium
What is the difference between Flexbox and Grid?
Medium
What is focus management and why does it matter for accessibility?
Medium
What is forwardRef() in React?
Medium
Garbage Collection
Medium
Hoisting pitfalls and how to avoid them
Medium
What is IntersectionObserver?
Medium
What are iterators and generators in JavaScript?
Hard
JavaScript data types
Easy
What are JavaScript modules?
Medium
What is JSX and how does it work?
Medium
key prop in react
Easy
How do you make a custom component keyboard accessible?
Medium
How does lazy loading improve performance?
Medium
What is lexical scoping?
Medium
load vs DOMContentLoaded event
Medium
What are the differences between Map/Set and WeakMap/WeakSet?
Hard
What is the microtask queue?
Hard
What are mocks and stubs?
Medium
What is the difference between mouseenter and mouseover?
Easy
What is MutationObserver?
Medium
Object Comparison Output
Medium
What are JavaScript object getters and setters?
Medium
What is one-way data flow in React?
Easy
Optimize Rendering Large Datasets
Medium
How do you optimize React context performance?
Hard
Explain the presentational vs container component pattern
Medium
preventDefault() vs stopPropagation()
Medium
How does the prototype chain work?
Medium
What are pseudo-elements in CSS?
Medium
What are some common React anti-patterns?
Medium
What are the common pitfalls of React context?
Medium
What are React Fragments used for?
Easy
What is React hydration?
Medium
What is the difference between React Node, React Element, and React Component?
Medium
How do you decide between React state, context, and external state managers?
Hard
What is React Suspense?
Hard
What are reflows and repaints?
Hard
What are render props in React?
Hard
How do you reset a component state in React?
Medium
What is ResizeObserver?
Medium
Rest parameters in JavaScript
Easy
What is the same-origin policy?
Medium
How do you implement secure authentication and authorization?
Medium
What are server-sent events?
Medium
How does server-side rendering work in React?
Medium
Spread operator in JavaScript
Easy
What is static generation?
Medium
Different ways to bind 'this' in JavaScript
Medium
'this' binding in event handlers
Medium
translate vs absolute positioning
Easy
What is tree shaking?
Medium
What are generics in TypeScript?
Medium
What is type narrowing in TypeScript?
Medium
What is the difference between unknown and any in TypeScript?
Medium
What are TypeScript utility types?
Medium
What is the useReducer hook in React?
Medium
How do you visually hide content but keep it accessible to screen readers?
Easy
Arrow functions
Easy
What is cookie?
Easy
What is hoisting in JavaScript?
Easy
What are workers in JavaScript?
Hard
How do you write good unit tests?
Medium
What is the difference between XMLHttpRequest and fetch?
Medium
How do z-index and stacking contexts work?
Hard
How to add, remove, and modify HTML elements
Easy
What is AJAX?
Medium
What is an anonymous function and when would you use it?
Medium
How do you test asynchronous code?
Medium
Attribute vs property in the DOM
Medium
What is a Block Formatting Context?
Hard
box-sizing: border-box
Medium
Centering Elements in Webpages
Easy
How do you check the data type of a variable?
Easy
How do you reliably check if an object is empty?
Easy
How do you check if an object has a property?
Easy
What is a static method in a class?
Easy
What is clickjacking and how do you prevent it?
Medium
What is code coverage?
Easy
Content Security Policy (CSP)
Medium
Cross Origin Resource Sharing (CORS)
Medium
Cross-Site Scripting (XSS)
Medium
How do you use CSS Grid?
Medium
Where should CSS links and JS scripts be placed in HTML?
Medium
What is currying in JavaScript?
Medium
What is the difference between currying and partial application?
Medium
What are data attributes in HTML?
Easy
What data structure is used to represent the DOM?
Easy
How do you debug React applications?
Medium
What is the decorator pattern?
Medium
What are default parameters?
Easy
default vs named export
Easy
What are design patterns?
Easy
What is destructuring assignment?
Easy
Difference between global scope, function scope, and block scope
Medium
What is the difference between dot notation and bracket notation?
Easy
How does error propagation work in JavaScript?
Medium
What is the factory pattern?
Medium
How do floats work in CSS?
Medium
How to prevent the UI from blocking during a long running task?
Easy
HTTP Methods
Easy
Image Failures in Production
Medium
How do you import and export modules?
Easy
inline vs inline-block vs block
Easy
innerHTML vs textContent
Easy
What are the different ways to iterate over arrays?
Easy
How do you iterate over object properties?
Easy
How to manipulate CSS with JavaScript
Easy
How do media queries work for mobile layouts?
Medium
What is mobile-first design?
Medium
What are the benefits of a module bundler?
Medium
What is the module pattern?
Medium
How do you destructure nested objects?
Medium
How do you optimize network requests?
Medium
What is the purpose of the new keyword?
Easy
null vs undefined vs undeclared
Easy
What are the different ways to copy an object?
Medium
What is the difference between Object.freeze, Object.seal, and Object.preventExtensions?
Medium
What are JavaScript object property flags and descriptors?
Hard
What is partial application?
Medium
How do you identify performance bottlenecks?
Medium
What tools do you use to measure performance?
Easy
Primitive vs Reference
Easy
What is progressive rendering?
Medium
What are Progressive Web Apps?
Medium
Proxies in JavaScript
Medium
querySelector vs getElementById
Easy
What is React Fiber?
Hard
What are React Portals?
Medium
What is React strict mode?
Easy
What is recursion in JavaScript?
Medium
Reference vs Syntax Error
Easy
What is the difference between responsive and adaptive design?
Medium
What are security headers?
Medium
What is semantic HTML and why does it matter for accessibility?
Easy
What are best practices for handling sensitive data?
Medium
Why use the callback format of setState?
Medium
How do SPAs affect SEO?
Medium
What is SQL injection and how do you prevent it?
Medium
What is the strategy pattern?
Medium
What are template literals?
Easy
How would you test a React application?
Easy
What are the different types of errors in JavaScript?
Easy
useEffect vs useLayoutEffect
Hard
What is the useId hook in React?
Easy
What are the different ways to create objects in JavaScript?
Easy
What are Web Vitals?
Medium
What is callback hell?
Hard
What is Immutability?
Easy
Why is input validation important?
Medium
How does the window.history API work?
Medium
Window object vs Document object
Easy
What is the Beacon API?
Easy
What is the purpose of break and continue?
Easy
How do you handle browser-specific styling issues?
Medium
What are CSS clearing techniques?
Easy
How do you organize code in a JavaScript project?
Medium
What is the command pattern?
Medium
What is the Constraint Validation API?
Medium
Critical Rendering Path
Hard
What CSS frameworks have you used?
Easy
What are the pros and cons of CSS preprocessors?
Medium
What is doctype in HTML?
Easy
What are common CSS efficiency gotchas?
Medium
What is feature detection?
Medium
What is the Flux pattern?
Medium
How do you get query string values in JavaScript?
Easy
What is a higher order function?
Medium
How do you create a constructor function?
Medium
How would you style an SVG?
Easy
What are the building blocks of HTML5?
Easy
How do iframes communicate with the parent page?
Medium
How would you implement dark mode and light mode?
Medium
What is inversion of control?
Medium
What is the load event used for?
Easy
How do you localize a React application?
Medium
What are module metadata fields in package.json?
Easy
What are the concerns when building a multilingual site?
Medium
What is the difference between a parameter and an argument?
Easy
What is the prototype pattern?
Medium
How do you redirect to a new page in JavaScript?
Easy
Reset vs Normalize CSS
Easy
How do you serve retina graphics?
Medium
What tools help find security vulnerabilities?
Easy
How do you serve pages for feature-constrained browsers?
Medium
How do you serve content in multiple languages?
Medium
How do you convert a Set to an Array?
Easy
What is the srcset attribute?
Easy
state vs props
Medium
How do you convert a string to a number in JavaScript?
Easy
What is the purpose of the switch statement?
Easy
What are tagged templates in JavaScript?
Medium
What is the ternary operator?
Easy
What is Test Driven Development?
Easy
What testing tools do you use?
Easy
How to truncate text using CSS only
Medium
What does typeof operator do?
Easy
use strict
Medium
What is array destructuring?
Easy
What is an async thunk?
Medium
What is object destructuring?
Easy
What is singleton pattern?
Easy
What is TDZ in JavaScript?
Medium
What is a thunk?
Easy
Where Do We Use Observer Pattern in Frontend Development?
Hard
Why do we use polyfills?
Easy
What are the pros and cons of compiling to JavaScript?
Medium
What do you like and dislike about CSS preprocessors?
Easy
What are CSS sprites?
Easy
How do you detect if JavaScript is disabled?
Easy
Why is document.write() considered bad practice?
Easy
Why are functions first-class objects?
Easy
What is JSONP?
Easy
What @media properties are available beyond screen?
Easy
Passing function to initial state
Easy
How to scope the type of generic?
Easy
stopPropagation() vs stopImmediatePropagation()
Easy
What is a symbol type?
Medium
sync vs async function
Easy
Can callbacks be synchronous?
Easy
useTransition vs useDeferredValue
Easy