Karbon Card React Js Frontend Developer Interview Questions, Process, and Tips

Q1. React vs Angular
Ans. 
React is a lightweight library for building user interfaces, while Angular is a full-fledged framework with more features.
• React is more flexible and allows for easier integration with other libraries and frameworks.

• Angular is opinionated and comes with a lot of built-in features like routing, forms, and HTTP client.

• React uses a virtual DOM for better performance, while Angular uses a real DOM.

• React is maintained by Fac...read more
Answered by AI
Add your answer
Q2. How is 'this' handled in arrow functions?
Ans. 
In arrow functions, 'this' is lexically scoped and does not have its own value.
• Arrow functions do not have their own 'this' value, they inherit 'this' from the enclosing lexical context.

• Arrow functions are useful when you want to preserve the value of 'this' from the surrounding code.

• Regular functions have their own 'this' value, which can change depending on how the function is called.
Answered by AI
Add your answer
Q3. Rotate an array by k
Ans. 
Rotate an array by k positions
• Create a new array and copy elements from original array starting from index k to the end, then copy elements from index 0 to k-1

• Alternatively, you can use array.splice() method to achieve the rotation

• Make sure to handle cases where k is greater than the array length by taking modulo operation
Answered by AI
Add your answer
Q4. Js output questions
Add your answer

Create a todo list using React with the following functionalities:
1. input and an 'add todo' button
2. the created todo must have a delete, a completed, and a status (pending initially)
3. clicking complete will change the status to completed and remove the complete button

Q1. Typical behavioural questions asked in manager round
Add your answer
Q2. How will you optimize your web application?
Ans. 
Optimizing a web application involves improving performance, speed, and user experience.
• Minify and compress CSS, JavaScript, and images to reduce load times

• Implement lazy loading for images and content to improve initial load time

• Use server-side rendering to improve SEO and initial load performance

• Optimize database queries and use caching to reduce server load

• Implement code splitting to only load necessary code for eac...read more
Answered by AI
Add your answer