Ciklum React Js Frontend Developer Interview Questions and Answers

Q1. What is enums in typescript, difference between shallow and deep copy, what is virtual dom, what are closures, some psuedo codes, react machine coding. and other basic javascript questions.
Ans. 
Enums in TypeScript are a way to define a set of named constants. Shallow copy only copies the reference, while deep copy creates a new object. Virtual DOM is a lightweight copy of the actual DOM. Closures are functions that have access to their own scope and the scope of their containing function.
• Enums in TypeScript are used to define a set of named constants. For example, enum Color { Red, Green, Blue }

• Shallow copy c...read more
Answered by AI
Add your answer

Q1. Testing related questions, and other javascript and react questions.
Add your answer

Q1. React Hooks and Project experience
Add your answer

Q1. Performance Optimization Techniques
Ans. 
Performance optimization techniques for React JS frontend development
• Use React.memo for optimizing functional components

• Avoid unnecessary re-renders by using shouldComponentUpdate or PureComponent for class components

• Implement code splitting to reduce initial load time

• Use lazy loading for components that are not immediately needed

• Optimize images and assets for faster loading times

• Minimize the use of inline styles and u...read more
Answered by AI
Add your answer
Q2. Lazy Loading and other ques related to that
Add your answer

Q1. General HR Interview
Add your answer

Q1. Java Script coding question
Add your answer

Negative impacts of screen time

Q1. Asked json web tokean authentication, authorisation. architecture of your project.
Add your answer
Q2. Coding question- create crud app. Given array of objects. Render list in table. Do edit, delete, sort list on object property.
Ans. 
Create a CRUD app to render, edit, delete, and sort a list of objects in a table.
• Create a React component to render a table with data from the array of objects.

• Implement functions for editing and deleting objects from the list.

• Add functionality to sort the list based on object properties.

• Use state and props to manage data and re-render the table when changes occur.
Answered by AI
Add your answer
Q3. Difference bw rem, em, px. React hooks- useEffect, life cycle methods. use cases of hooks.
Ans. 
rem, em, px are units of measurement in CSS. useEffect is a React hook for side effects. Hooks are used for stateful logic in functional components.
• rem: relative to the font-size of the root element (html). Example: 1rem = 16px

• em: relative to the font-size of the element. Example: 2em = 32px if the font-size of the element is 16px

• px: fixed-size units. Example: font-size: 14px

• useEffect: React hook used for side effects ...read more
Answered by AI
Add your answer

Given the task to complete page design.