/how-to-ace-frontend-interviews

How to ace your Front End Interview?

⚡️ How to ace your frontend interviews? ⚡️

TL;DR

  1. There are 11 practical front end interview questions & answers in this repo.
  2. Topics related to JavaScript, DOM mutation, React, React Hooks.

Do you know how to prepare for a front-end interview? Cause I didn't.

Hey there 👋🏻

Many sites today are generating interview questions about algorithms and data types. But such heavy operations are not done on the front-end side. Front-end developers should pay more attention to the UI/UX or front-end.

While I was preparing for a front-end position interview, I've worked on very complex algorithms. However, when I went thorough the interview, the questions asked to me were mostly about "How to implement this feature without package?", "Filtering something", "Fetch & show some data in React"... I realized that while solving even the simplest questions, I did it in more complex ways.

So I've decided to prepare practical questions & answers for front-end interviews so that you don't have the same problems. There are 10 questions right now, but I'll add more over time. Topics are as follows:

JavaScript 3 questions:

  1. Currying Function: https://codesandbox.io/s/fe-interview-javascript-q1-curry-function-ds0x88
  2. Higher Order Functions: https://codesandbox.io/s/fe-interview-javascript-q2-higher-order-functions-bpfmb4
  3. Debounce & Throttle : https://codesandbox.io/s/fe-interview-javascript-q3-debounce-throttle-5k063y

DOM Mutation 3 questions:

  1. Grocery List: https://codesandbox.io/s/fe-interview-dom-mutation-q1-grocery-list-r5bzcb
  2. Simgle Draggable List: https://codesandbox.io/s/fe-interview-dom-mutation-q2-simple-draggle-list-x12svp
  3. Timer Part-1(Legacy Code): https://codesandbox.io/s/fe-interview-dom-mutation-q3-timer-legacy-code-part-1-991vvo

React 2 question:

  1. Timer Part-2: (Legacy code moving to React) https://codesandbox.io/s/fe-interview-react-q1-timer-legacy-code-moving-to-react-part-2-jg70qx
  2. withStyling(HOC approach): https://codesandbox.io/s/react-hoc-pdx9l2

React Hook 3 questions

  1. usePrevious: https://codesandbox.io/s/fe-interview-react-hooks-q1-useprevious-nhykpf
  2. useFetch: https://codesandbox.io/s/fe-interview-react-hooks-q2-usefetch-rzi8m2
  3. useWindowSize: https://codesandbox.io/s/fe-interview-react-hooks-q3-usewindowsize-3wcmfh

🛑 NOTE: If you think any solution is incorrect or can be done in better ways. Just send me yours solution and I'll change it.

Questions like these are important questions to be done on the front-end. Hopefully it benefits your business. 🤘🏻