Q1. 1. What is redux? 2. What are useRefs
Ans. 
Redux is a predictable state container for JavaScript apps. useRef is a hook in React for accessing DOM nodes.
• Redux is a state management library for JavaScript applications

• It helps in managing the state of an application in a predictable way

• Redux follows a unidirectional data flow pattern

• useRef is a hook in React that allows accessing DOM nodes or any other mutable value

• It returns a mutable ref object that persists ac
Answered by AI
Add your answer
Q2. What is destructuring
Ans. 
Destructuring is a way to extract values from arrays or objects and assign them to variables.
• Destructuring can be used with arrays and objects

• It allows you to extract values and assign them to variables in a single line of code

• You can also use default values and rename variables during destructuring

• Example: const [a, b] = [1, 2]; // a = 1, b = 2

• Example: const {name, age: years} = {name: 'John', age: 30}; // name = 'Joh
Answered by AI
Add your answer

Q1. What is store in react
Ans. 
Store in React is a centralized state management system.
• Store holds the state of the application.

• It allows components to access and update the state.

• Redux is a popular store implementation for React.

• Context API is another built-in store in React.

• Store helps in managing complex state and makes debugging easier.
Answered by AI
Add your answer

Q1. Brief introduction of yourself.
Ans. 
Experienced HTML developer with a passion for creating user-friendly websites.
• Over 5 years of experience in HTML development

• Proficient in CSS and JavaScript

• Strong understanding of responsive design principles

• Familiar with SEO best practices

• Portfolio includes websites for various clients and industries
Answered by AI
Add your answer
Q2. What is HTML give a proper explanation
Ans. 
HTML stands for HyperText Markup Language, used for creating and structuring web pages.
• HTML is the standard markup language for creating web pages

• It uses tags to define the structure and content of a web page

• Examples of HTML tags include , ,
Answered by AI
Add your answer

Q1. Explanation of CSS.
Ans. 
CSS is a styling language used to control the look and feel of a website.
• CSS stands for Cascading Style Sheets.

• It is used to define styles for web pages, including colors, fonts, layout, and more.

• CSS can be applied to HTML elements using selectors.

• It allows for the separation of content from presentation, making it easier to maintain and update.

• CSS can be included in an HTML document using the
Answered by AI
Add your answer
Q2. Explanation of bootstrap.
Ans. 
Bootstrap is a front-end framework for developing responsive and mobile-first websites.
• Bootstrap is a free and open-source CSS framework.

• It includes pre-built design templates and components like buttons, forms, and navigation bars.

• Bootstrap uses a 12-column grid system for easy layout customization.

• It also has built-in responsive utilities for creating mobile-friendly designs.

• Bootstrap can be customized using Sass var
Answered by AI
Add your answer

Q1. Codes of HTML and made a program
Ans. 
HTML codes are used to create web pages. Developers write HTML codes to structure content on a webpage.
• HTML tags are used to define the structure of a webpage, such as headings, paragraphs, images, links, etc.

• Example:

  This is a heading

  ,

  This is a paragraph

  ,

• HTML attributes provide additional information about an element, such as the source of an image or the target of a link.

• Example: Ans. 

  CSS is a styling language used to design the layout and appearance of web pages, while landing pages are web pages designed for a specific purpose.

  • CSS stands for Cascading Style Sheets and is used to control the visual presentation of HTML elements on a web page.

  • CSS allows developers to style elements such as fonts, colors, spacing, and layout.

  • Landing pages are web pages specifically designed to achieve a particular go...read more

Answered by AI
Add your answer

Q1. Introduction life cycle looks pipe @input @output
Add your answer

Q1. What is event bubbling
Add your answer
Q2. What is TDD and why TDD
Add your answer

It was a hacker coding test mostly javascript questions

Q1. React advance concept
Add your answer
Q2. Context api how to use that
Ans. 
Context API is a feature in React that allows sharing data between components without having to pass props manually.
• Create a context using createContext() method

• Use the Provider component to wrap the components that need access to the context

• Access the context data using the useContext() hook within the consuming components
Answered by AI
Add your answer
Q3. Higher order component
Add your answer

Q1. Mainly introduction, how do you manage a project
Add your answer
Q2. How to debug a code
Ans. 
Debugging a code involves identifying and fixing errors in the code to ensure it runs correctly.
• Use console.log() statements to print out values and check for errors

• Utilize browser developer tools to inspect elements and debug JavaScript

• Step through the code using breakpoints to identify the source of the issue

• Review error messages and stack traces to pinpoint the problem

• Consider using tools like linters and debuggers
Answered by AI
Add your answer
Q3. How to get employee details using group by
Ans. 
Employee details can be retrieved using group by clause in SQL.
• Use GROUP BY clause in SQL to group employee details based on a specific column

• Aggregate functions like COUNT, SUM, AVG can be used with GROUP BY to get summarized employee details

• Example: SELECT department, COUNT(*) as total_employees FROM employees GROUP BY department
Answered by AI
Add your answer

Reactive form and crud operations pipes crud operations

Q1. Basic understanding of js and angular is must expeciallly how js works questions on arrays objects shallow deep copy
Add your answer

Q1. Let var const in JavaScript
Ans. 
var and const are used to declare variables in JavaScript, with var being mutable and const being immutable.
• var is used to declare variables that can be reassigned and updated

• const is used to declare variables that cannot be reassigned or updated

• let is another keyword used for declaring variables, similar to var but with block scope
Answered by AI
Add your answer
Q2. Error boundary and how to handle
Ans. 
Error boundary is a React component that catches JavaScript errors anywhere in a component tree and logs those errors.
• Error boundaries are React components that catch JavaScript errors in their child component tree.

• They are used to prevent the entire UI from crashing due to a single error.

• Error boundaries work like a JavaScript catch {} block, but for components.

• They are defined using componentDidCatch lifecycle method
Answered by AI
Add your answer
Q3. Event.bind and event.property
Add your answer
Q4. Use of never in typescript
Ans. 
The 'never' type in TypeScript represents a value that will never occur.
• Used to indicate that a function will not return a value

• Commonly used in union types to exclude certain values

• Helps catch potential errors at compile time
Answered by AI
Add your answer
Q5. What hooks you have used
Ans. 
I have used React hooks such as useState, useEffect, useContext, and useRef in my projects.
• useState

• useEffect

• useContext

• useRef
Answered by AI
Add your answer
Q6. What is difference between use reducer and use state
Ans. 
useReducer is preferred for managing complex state logic, while useState is simpler for basic state management.
• useReducer is more suitable for managing complex state logic and multiple state values

• useState is simpler and more straightforward for basic state management with a single value

• useReducer allows for more organized and centralized state updates through actions and reducers

• useState is commonly used for simple co
Answered by AI
Add your answer
Q7. Why we use state and props
Add your answer
Q8. How you will pass data from parent to child
Ans. 
Data can be passed from parent to child components in React using props.
• Pass data as props from parent component to child component

• Use state management libraries like Redux or Context API for complex data sharing

• Use callback functions to pass data from child to parent components
Answered by AI
Add your answer
Q9. Write your own custom hook
Ans. 
Custom hook to fetch data from an API
• Create a function that uses the useState and useEffect hooks

• Use the fetch API to make a request to the desired endpoint

• Return the fetched data and loading state in an array
Answered by AI
Add your answer
Q10. Explain map filter and reduce functions
Ans. 
Map, filter, and reduce are higher-order functions in JavaScript used to manipulate arrays.
• Map: Transforms each element in an array and returns a new array with the transformed elements.

• Example: [1, 2, 3].map(num => num * 2) returns [2, 4, 6].

• Filter: Returns a new array with elements that pass a certain condition.

• Example: [1, 2, 3].filter(num => num > 1) returns [2, 3].

• Reduce: Applies a function against an accumulator ...read more
Answered by AI
Add your answer
Q11. How you can clone an object
Ans. 
To clone an object in JavaScript, you can use the spread operator or Object.assign() method.
• Use the spread operator to create a shallow copy of an object: const clonedObj = { ...originalObj };

• Use Object.assign() method to create a shallow copy of an object: const clonedObj = Object.assign({}, originalObj);

• For deep cloning, you can use libraries like Lodash or write a custom function to recursively clone nested objects.
Answered by AI
Add your answer
Q12. What are the three stages of event propagation and how to handle it
Ans. 
Event propagation consists of three stages: capturing, target, and bubbling.
• Capturing phase: Events are captured from the outermost element to the target element.

• Target phase: Event reaches the target element where the event originated.

• Bubbling phase: Events bubble up from the target element to the outermost element.
Answered by AI
Add your answer
Q13. How to handle errors in your react application
Ans. 
Errors in a React application can be handled by using error boundaries, try-catch blocks, and displaying error messages to users.
• Use error boundaries to catch errors in components and display a fallback UI

• Wrap code that may throw errors in try-catch blocks to handle exceptions

• Use libraries like React Error Boundary to easily implement error handling

• Display error messages to users to inform them about the issue and poss
Answered by AI
Add your answer
Q14. Write code to call fake api and display the title where category is “some category “
Add your answer