What is the difference between rem and em units?
Simple meaning
Rem is relative to the root html font size, so spacing stays consistent across the page.
Open the full page for Why, Steps, Example and Key takeaway.
Panel-ready Frontend Master questions for freshers and experienced developers. Practice at Coding Cadre in Faridabad, or Online from Delhi NCR.
Rem is relative to the root html font size, so spacing stays consistent across the page.
Open the full page for Why, Steps, Example and Key takeaway.
It clips content that sticks outside the box and usually removes scrollbars.
Open the full page for Why, Steps, Example and Key takeaway.
Media queries apply CSS only when the viewport or device matches a condition like max-width.
Open the full page for Why, Steps, Example and Key takeaway.
JavaScript runs on one call stack.
Open the full page for Why, Steps, Example and Key takeaway.
Destructuring pulls values from arrays or objects into named variables in one line.
Open the full page for Why, Steps, Example and Key takeaway.
Spread copies array or object properties into a new literal.
Open the full page for Why, Steps, Example and Key takeaway.
useMemo caches an expensive calculated value between renders.
Open the full page for Why, Steps, Example and Key takeaway.
section means thematic grouping with meaning
Open the full page for Why, Steps, Example and Key takeaway.
React.memo wraps a component so it skips re-render when props are shallow-equal.
Open the full page for Why, Steps, Example and Key takeaway.
absolute positions relative to a positioned ancestor.
Open the full page for Why, Steps, Example and Key takeaway.
The function you return from useEffect runs before the next effect and on unmount.
Open the full page for Why, Steps, Example and Key takeaway.
Component composition, context for sparse global values, or lightweight stores for frequent updates.
Open the full page for Why, Steps, Example and Key takeaway.
GET puts fields in the URL query string and is for safe reads you might bookmark.
Open the full page for Why, Steps, Example and Key takeaway.
Loading route or feature bundles on demand.
Open the full page for Why, Steps, Example and Key takeaway.
It is the browser steps from HTML and CSS to first painted pixels: parse DOM, parse CSSOM, render tree, layout, paint.
Open the full page for Why, Steps, Example and Key takeaway.
Keyboard support, aria-expanded, listbox roles, and focus management.
Open the full page for Why, Steps, Example and Key takeaway.
I target LCP with optimized hero images and server or static HTML where possible.
Open the full page for Why, Steps, Example and Key takeaway.
It sets spacing between items without margin hacks.
Open the full page for Why, Steps, Example and Key takeaway.
Promise callbacks are microtasks and run before the next macrotask like setTimeout.
Open the full page for Why, Steps, Example and Key takeaway.
A real button gets keyboard focus, Enter/Space activation, and the right role for free.
Open the full page for Why, Steps, Example and Key takeaway.