Photon Interactive Front end Developer Interview Questions and Answers

Q1. Javascript question
Add your answer

Hacker Rank Online Written Test

Topics covered DSA and Javascript

Q1. Display a list of items using Pagination concept in React using any online coding editor.
Ans. 
Display a list of items using Pagination concept in React
• Create a list of items to display

• Implement pagination logic to display a limited number of items per page

• Add navigation buttons to switch between pages
Answered by AI
Add your answer
Q2. Check if pair sum exists in the array (Two Sum)?
Ans. 
Check if pair sum exists in the array using a hash map.
• Use a hash map to store the difference between the target sum and each element in the array.

• Iterate through the array and check if the current element exists in the hash map.

• Return true if a pair sum exists, otherwise return false.
Answered by AI
Add your answer
Q3. React LifeCycle?
Add your answer
Q4. How do you improve the performance of a website?
Ans. 
Improving website performance involves optimizing code, reducing server requests, using caching, and optimizing images.
• Optimize code by minifying CSS, JavaScript, and HTML

• Reduce server requests by combining files and using asynchronous loading

• Utilize caching techniques like browser caching and server-side caching

• Optimize images by resizing, compressing, and using modern image formats like WebP
Answered by AI
Add your answer
Q5. What is NextJS?
Ans. 
NextJS is a React framework that allows for server-side rendering and static site generation.
• NextJS is built on top of React, providing features like server-side rendering and static site generation.

• It simplifies the process of building React applications by handling routing, code splitting, and more out of the box.

• NextJS also supports API routes for serverless functions and data fetching.

• It offers features like automa...read more
Answered by AI
Add your answer

Q1. Clousers in Javascript
Ans. 
Closures are functions that have access to variables in their outer scope, even after the outer function has returned.
• Closures are created when a function is defined inside another function.

• The inner function has access to the outer function's variables and parameters.

• Closures can be used to create private variables and methods.

• Closures can also be used to create functions with pre-set arguments.
Answered by AI
Add your answer
Q2. Difference between use ref and create ref
Ans. 
useRef is a hook used to create a mutable ref object, while createRef is a method used to create a ref object.
• useRef is a hook provided by React, while createRef is a method provided by the React library.

• useRef can be used in functional components to create a mutable ref object that persists across renders.

• createRef is used in class components to create a ref object that can be attached to a DOM element.

• useRef can also...read more
Answered by AI
Add your answer

Q1. Basic JS & React JS question
Add your answer

Q1. Advance level of JS and React related question and coding skills test as well.
Add your answer

Q1. What are your salary expectations?
Ans. 
I am open to discussing salary based on the responsibilities and requirements of the position.
• I am flexible and open to negotiation.

• I am looking for a fair and competitive salary.

• I am more interested in the overall compensation package rather than a specific number.

• I would like to be compensated based on my skills, experience, and the value I can bring to the company.
Answered by AI
Add your answer