TELUS Digital React Js Frontend Developer Interview Questions and Answers

Q1. What is Currying
Ans. 
Currying is a technique in functional programming where a function with multiple arguments is transformed into a sequence of nested functions, each taking a single argument.
• Currying helps in creating reusable functions and partial application.

• It allows for easier composition of functions.

• Example: const add = (a) => (b) => a + b; add(2)(3) will return 5.
Answered by AI
Add your answer
Q2. What are closures
Ans. 
Closures are functions that have access to their own scope, as well as the scope in which they were defined.
• Closures allow functions to access variables from their outer function even after the outer function has finished executing.

• They help in maintaining state in functional programming.

• Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunction() { console.log(outerVar); }; }

• Example...read more
Answered by AI
Add your answer
Q3. What hooks you are familiar with
Add your answer

Q1. React hooks and its usage
Ans. 
React hooks are functions that let you use state and other React features without writing a class.
• Hooks are introduced in React 16.8 to allow state and lifecycle features in functional components.

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

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

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

• Hooks should always ...read more
Answered by AI
Add your answer
Q2. Virtual Dom and its use
Ans. 
Virtual DOM is a lightweight copy of the actual DOM, used for efficient updates and rendering in React applications.
• Virtual DOM is a concept in React where a lightweight copy of the actual DOM is created.

• It allows React to efficiently update and render components by comparing the virtual DOM with the actual DOM and only making necessary changes.

• Virtual DOM helps in improving performance by reducing the number of direct...read more
Answered by AI
Add your answer
Q3. Redux, middleware and its use
Ans. 
Redux is a state management library for React applications. Middleware is a function that intercepts actions before they reach the reducer.
• Redux is used to manage the state of a React application in a predictable way

• Middleware in Redux allows you to write logic that can intercept and modify actions before they reach the reducer

• Common middleware in Redux includes redux-thunk for async actions and redux-logger for loggin
Answered by AI
Add your answer
Q4. Call, bind and apply and its application
Ans. 
Call, bind, and apply are methods used to manipulate the context of a function in JavaScript.
• Call - allows you to call a function with a specified 'this' value and arguments provided individually.

• Example: function greet(name) { return 'Hello ' + name; } greet.call(null, 'John');

• Bind - creates a new function that, when called, has its 'this' keyword set to the provided value.

• Example: const greetJohn = greet.bind(null, '...read more
Answered by AI
View 1 more answer
Q5. 1 coding question in js for flaten array
Add your answer
Q6. 1 react questions of todo type questions
Add your answer

Q1. Ask about my backend knowledge
Add your answer
Q2. Ask about my knowledge in data analytics
Add your answer
Q3. Negotiate on basis of above skills not on react
Add your answer

Q1. What is Currying
Ans. 
Currying is a technique in functional programming where a function with multiple arguments is transformed into a sequence of nested functions, each taking a single argument.
• Currying helps in creating reusable functions and partial application.

• It allows for easier composition of functions.

• Example: const add = (a) => (b) => a + b; add(2)(3) will return 5.
Answered by AI
Add your answer
Q2. What are closures
Ans. 
Closures are functions that have access to their own scope, as well as the scope in which they were defined.
• Closures allow functions to access variables from their outer function even after the outer function has finished executing.

• They help in maintaining state in functional programming.

• Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunction() { console.log(outerVar); }; }

• Example...read more
Answered by AI
Add your answer
Q3. What hooks you are familiar with
Add your answer

.name{
margin-left : 50%;
margin-top : -59%;
background : -webkit-linear-gradiend(-85deg,rgb(255,0,0),rgb(255,251,0));
-webkit-background-clip : text;
-webkit-text-fill-color : transparent;
}