Remitbee Front end Developer Interview Questions and Answers

Remove duplicate elements from an Array

• Use the Set object to remove duplicate elements

• Convert the Set back to an array using the spread operator

• If the array contains objects, use a custom comparison function

Use the accept attribute in the input tag to only allow jpg and png files.

• Add accept attribute to input tag with 'image/jpeg, image/png' value

• This will restrict file selection to only jpg and png files

Use flexbox to center align a div in just one line in CSS.

• Set the parent container's display property to flex.

• Use the justify-content property with the value 'center' to horizontally center the div.

• Use the align-items property with the value 'center' to vertically center the div.

Use React Router's Redirect component to redirect to login page if user is not logged in.

• Create a PrivateRoute component that checks if user is logged in

• If user is not logged in, redirect to login page using Redirect component

• Wrap the routes that require authentication with PrivateRoute component

Redux is a predictable state container for JavaScript apps.

• Redux is a library for managing application state

• It provides a centralized store for all the state of an application

• It uses a single source of truth principle

• It allows for predictable state changes through actions and reducers

• It is commonly used with React for building complex UIs

jQuery is a fast, small, and feature-rich JavaScript library.

• jQuery simplifies HTML document traversing, event handling, and animating.

• It provides a set of methods for AJAX interactions and DOM manipulation.

• jQuery is cross-platform and supports a wide range of browsers.

• It has a large community and a vast number of plugins available.

• Project architecture depends on the specific project and its requirements.

Form validation in React ensures user input is correct before submission.

• Use controlled components to manage form state

• Create validation functions to check input

• Display error messages for invalid input

• Disable submit button until form is valid

• Consider using a library like Formik or Yup for easier validation

React hooks are functions that allow functional components to use state and lifecycle methods.

• Hooks were introduced in React 16.8

• useState() is a hook that allows state to be used in functional components

• useEffect() is a hook that allows lifecycle methods to be used in functional components

• Custom hooks can be created to reuse stateful logic across components