WATCO Oman Interview Questions and Answers

Create a React project to fetch and display data from an API

• Set up a new React project using create-react-app

• Use the fetch API or axios to make a request to the desired API

• Store the fetched data in state using useState hook

• Render the data on the UI using JSX

Hooks are a feature in React that allow you to use state and other React features in functional components.

• Hooks are functions that let you use state and other React features in functional components.

• Some commonly used hooks are useState, useEffect, useContext, and useRef.

• useState hook is used to add state to functional components.

• useEffect hook is used to perform side effects in functional components.

• useContext hook is used to access the context in functional components.

• useR...read more

High order functions in React JS are functions that take other functions as arguments or return functions as their output.

• High order functions allow for code reusability and cleaner code structure.

• An example of a high order function in React JS is the map function, which takes a function as an argument to transform elements in an array.

• Another example is the filter function, which takes a function as an argument to filter elements in an array based on a condition.

Lifecycle methods are methods that are called automatically at specific points in a component's lifecycle.

• componentDidMount() - called after the component is rendered for the first time

• componentDidUpdate() - called after the component's updates are applied

• componentWillUnmount() - called before the component is removed from the DOM

A todo list in React.js allows users to add, delete, and mark tasks as completed.

• Use state to store the list of tasks

• Create components for adding, deleting, and marking tasks as completed

• Implement functionality to add, delete, and mark tasks as completed

• Use CSS for styling the todo list