Birdeye | Senior Software Engineer | Frontend - UI

Round 1

Questions:

• Leetcode - Two Sum, Longest Substring Without Repeating Characters

• Create a function truncate(str, maxlength) that checks the length of the str and, if it exceeds maxlength – replaces the end of str with the ellipsis character …, to make its length equal to maxlength.

  The result of the function should be the truncated (if needed) string.

  For instance:

  truncate("What I'd like to tell on this topic is:", 20)
  // "What I'd like to te…"
  
  truncate("Hi everyone!", 20)

• Implement map and filter array methods from scratch.

• What will be the output?

  const promise1 = Promise.resolve('First')
  const promise2 = Promise.resolve('Second')
  const promise3 = Promise.reject('Third')
  const promise4 = Promise.resolve('Fourth')
  
  const runPromises = async () => {
      const res1 = await Promise.all([promise1, promise2])
      const res2  = await Promise.all([promise3, promise4])
      return [res1, res2]
  }
  
  runPromises()
      .then(res => console.log(res))
      .catch(err => console.log(err))

• What will be the output?

  console.log(1);
  setTimeout(() => console.log(2));
  Promise.resolve().then(() => console.log(3));
  Promise.resolve().then(() => setTimeout(() => console.log(4)));
  Promise.resolve().then(() => console.log(5));
  setTimeout(() => console.log(6));
  console.log(7);

• Create an object calculator with three methods:

  • read() takes two values and saves them as object properties with names a and b respectively.
  • sum() returns the sum of saved values.
  • mul() multiplies saved values and returns the result.

Candidate's Approach

No approach provided.

Interviewer's Feedback

No feedback provided.

---

Round 2

Questions:

• Create a Tic Tac Toe Game in React using custom hook (45 mins).
• Explain Reconciliation in React and also explain functional programming paradigm?

Candidate's Approach

No approach provided.

Interviewer's Feedback

No feedback provided.

---

Round 3

Questions:

• Discussion around SSR VS CSR.
• Web Vitals - how to improve them in depth discussion.
• How web works with critical rendering path.
• Observer pattern in JS.
• Other questions using browser console.

Candidate's Approach

No approach provided.

Interviewer's Feedback

No feedback provided.

---

Verdict - Passed

Compensation Details -

• (Birdeye) Birdeye Compensation Discussion
• (C2FO) C2FO Compensation Discussion