This checklist for front-end developer interviews is specifically designed for React JS developers. Except for the React JS part, much info in other sections will make you an outstanding candidate. Feel free to look into the React js section you might find something interesting that could help you in the interview.
HTML/CSS
semantic tags
meta tags
box model
selectors
specificity
CSS properties
box model
flex layout
grid layout
media queries
responsive web design
fonts
Pseudo-Classes and Pseudo-Elements
Javascript
primitive/ non-primitive
functions ( arrow fn, IIFE, generator fn )
hoisting
closures
callback
high order functions
promise
async/await
event loop
prototype
event capturing
event bubbling
event delegation
prevent default
stop propagation
form handling
call, bind, apply
web/service worker (PWA - Progressive Web Application)
Common Techniques used in JS
constructor
web storage ( session storage, local storage, cookies)
pure functions
debouncing
throttling
lazy loading
code splitting
caching
tree shaking
polyfill
ES6+
let and const
arrow function
classes
spread operator
rest parameter
template literals
destructuring
promise
async/await
optional chaining
Array
push
pop
shift
unshift
reverse
slice
splice
sort
at
concat
fill
filter
find
findIndex
forEach
Array.from
includes
map
reduce
toReversed
toSorted
toSpliced
toString
String
at
charAt
charCodeAt
concat
includes
indexOf
match
matchAll
replace
replaceAll
search
slice
split
join
reverse
substring
toUpperCase
toLowerCase
trim
trimEnd
trimStart
React js
jsx
why react advantages and disadvantages
virtual dom
react fiber reconciliation algorithm
functional component vs class component
class component life cycle methods
pure component
high order component
props vs state
props drilling, lifting states up
state management in react
list rendering
use of "key" in list
conditional rendering
redux
redux toolkit (useSelector, useDispatch, asyncThunk, RTk Query)
middleware in redux
hooks ( useState, useEffect, useReducer, useMemo, useCallback)
upcoming hooks (useOptimistic, useFormStatus, useFormState, use)
useEffect life cycle
ref
custom hooks
context API
performance optimization
react-router (Navigation)
react query (Data fetching & Mutation)
react hook form (Form Handling)
zod/yup (Form Validation)
virtualization/Windowing
lazy loading
suspense
error boundary
composition and inheritance
fragments
portals
what is reusable component and how will you create one
profiler
react, redux devtools
react testing library
react components library (MUI, Antd, Chakra, Shadcn, ...)
Others
version control
git
GitHub
agile
testing (unit, integration, E2E)
Transpiler
Bundler
optimizing production build
website performance improve
SEO - search engine optimization
server-side rendering, client-side rendering, static site generation
content delivery network (CDN)
how would you improve accessibility on a website
why accessibility is so important
basic knowledge about the backend ( SQL, NoSQL, API, authentication, AWS(any cloud), CI/CD)
Authentication vs Authorization
System design about front end
web storage (session storage, local storage, cookies), advantages vs disadvantages, use cases for each
Software Design Principles - SOLID, KISS, DRY, YAGNI, Composition over Inheritance
Deployment platforms and process
practice common interview coding questions