bebo Technologies Reactjs Developer Interview Questions, Process, and Tips

Dsa question were asked

Question related to profit loss

Q1. What is hosting and closer
Ans. 
Hosting is the process of storing a website or application on a server, while closure is a function that retains access to variables from its parent scope.
• Hosting involves storing a website or application on a server to make it accessible on the internet.

• Closure is a function that retains access to variables from its parent scope, even after the parent function has finished executing.
Answered by AI
Add your answer
Q2. What is difference between var let and const give me an explanation on what block scope
Ans. 
var, let, and const are used to declare variables in JavaScript. var has function scope, let has block scope, and const is a constant with block scope.
• var has function scope, meaning it is accessible throughout the function it is declared in.

• let has block scope, meaning it is only accessible within the block it is declared in.

• const is similar to let in terms of block scope, but the value cannot be reassigned.
Answered by AI
Add your answer
Q3. What is asynchronous and how it works
Ans. 
Asynchronous programming allows tasks to run independently of the main program flow, improving performance and responsiveness.
• Asynchronous code does not block the main thread, allowing other tasks to continue while waiting for a response.

• Callbacks, promises, and async/await are common ways to handle asynchronous operations in JavaScript.

• Example: fetching data from an API while the rest of the application continues to r
Answered by AI
Add your answer
Q4. Tell me the output 1)a = 20; console.log(a); var a; 2)b=10; console.log(b); let b; 3)let a =5; if(a<5){ let b = " a lessthen 5"; }else{ let b = "b is grater then 5"; } console.log(b);
Ans. 
The output for the given code snippets will be: 1) 20 2) ReferenceError: Cannot access 'b' before initialization 3) ReferenceError: b is not defined
• In the first snippet, variable 'a' is declared using 'var' after it is assigned a value, so it logs 20 without any issues.

• In the second snippet, variable 'b' is declared using 'let' after it is assigned a value, so it throws a ReferenceError as 'b' is accessed before initia...read more
Answered by AI
Add your answer
Q5. Give a div with text and display center of the page and apply animation using HTML and css
Ans. 
Use HTML and CSS to center a div with text and apply animation
• Create a div element with text inside

• Apply CSS to center the div on the page using flexbox or margin auto

• Use CSS animations like keyframes to add animation effects
Answered by AI
Add your answer
Q6. What are semantic tags and explain
Ans. 
Semantic tags are HTML tags that provide meaning to the content they enclose, helping search engines and screen readers understand the structure of a webpage.
• Semantic tags help improve SEO by providing context to search engines.

• They also improve accessibility for screen readers by clearly defining the structure of a webpage.

• Examples of semantic tags include

  ,
Answered by AI
Add your answer
Q7. How can we write responsive for web page
Ans. 
Use media queries, flexible grids, and relative units to create a responsive web page.
• Use media queries to apply different styles based on screen size

• Create flexible grids using CSS Grid or Flexbox

• Use relative units like percentages or ems for sizing elements

• Consider using frameworks like Bootstrap or Material-UI for responsive design

• Test your design on different devices and screen sizes
Answered by AI
Add your answer
Q8. What is the difference between CSS and SASS? what is the use of Sass
Ans. 
SASS is a preprocessor scripting language that is interpreted into CSS, offering more features and flexibility.
• SASS is a preprocessor for CSS, allowing for variables, nesting, and mixins to be used in stylesheets.

• SASS code needs to be compiled into CSS before being used in a web project.

• SASS helps in writing cleaner and more organized CSS code, making it easier to maintain and update styles.

• CSS is the styling language ...read more
Answered by AI
Add your answer
Q9. Event propagation
Add your answer
Q10. How would you validate the form using HTML? How do you validate the phone number with the country code?
Ans. 
Form validation using HTML and validating phone number with country code
• Use HTML5 form validation attributes like 'required', 'pattern', 'minlength', etc.

• For phone number validation, use 'pattern' attribute with regex for specific country code format

• Example: <input type='tel' pattern='[0-9]{3}-[0-9]{3}-[0-9]{4}' required>
Answered by AI
Add your answer
Q11. Which test library you use why it usecase
Ans. 
I use Jest for testing React applications due to its simplicity and integration with React ecosystem.
• Jest is the most popular test library for React applications

• It comes pre-configured with Create React App and has great support for snapshot testing

• Jest also has built-in mocking capabilities which make it easy to test components with dependencies
Answered by AI
Add your answer
Q12. Tell me mounting and shallow concept in testing library
Ans. 
Mounting is the process of rendering a component into the DOM, while shallow rendering allows testing a component without rendering its children.
• Mounting is the initial phase of the component lifecycle where the component is rendered into the DOM.

• Shallow rendering in testing library renders only the component itself, not its children.

• Shallow rendering is useful for isolating the component being tested and avoiding rend...read more
Answered by AI
Add your answer
Q13. What is redux-toolkit and what difference b/w redux and redux-toolkit
Ans. 
Redux Toolkit is the official, recommended way to write Redux logic. It simplifies the process of managing state in React applications.
• Redux Toolkit provides a set of tools and best practices to streamline Redux development.

• It includes utilities like createSlice, createReducer, and configureStore to simplify the code and reduce boilerplate.

• Redux Toolkit also includes built-in Immer integration for writing immutable upd...read more
Answered by AI
Add your answer
Q14. How api call handle in redux and how can you get and display user name from redux
Ans. 
API calls in Redux are typically handled using middleware like Redux Thunk. User name can be retrieved from Redux state and displayed in components.
• Use Redux Thunk middleware to make API calls in Redux

• Dispatch actions to update Redux state with API response data

• Access user name from Redux state in components to display it
Answered by AI
Add your answer
Q15. React hooks and how optimization
Add your answer
Q16. Why we need thank in redux
Ans. 
Thunk middleware in Redux allows for asynchronous logic to be handled in Redux actions.
• Thunk middleware allows for dispatching functions instead of just plain objects in Redux actions.

• It enables handling asynchronous API calls within Redux actions.

• Thunk middleware helps in simplifying the code by moving complex logic outside of components.

• Example: Thunk middleware can be used to dispatch an action after a delay or to f...read more
Answered by AI
Add your answer

Q1. React VirtualDOM
Add your answer
Q2. ReactJS questions
Add your answer
Q3. Inline vs block
Ans. 
Inline elements flow in the same line, while block elements take up the full width available.
• Inline elements do not start on a new line and only take up as much width as necessary.

• Block elements start on a new line and take up the full width available.

• Examples of inline elements include <span>, <a>, and <strong>.

• Examples of block elements include <div>, <p>, and <h1>.
Answered by AI
Add your answer

Q1. Questions related to Current Job Profile and previous experience
Add your answer

Q1. First Round is telephonic. Self -introduction, and basics of React js
Add your answer

Q1. Second round is video interview. life cycle of react js, dom manipulations, HOC, Redux, React memo, props drilling Javascript: array cloning, object cloning, Data types, Nan
Add your answer

Q1. What is hoisting in JS
Ans. 
Hoisting is a JavaScript behavior where variable and function declarations are moved to the top of their containing scope.
• Hoisting applies to both variable and function declarations.

• Variable declarations are hoisted but not their initializations.

• Function declarations are fully hoisted, allowing them to be called before they are declared.

• Hoisting does not apply to variables declared with let or const.

• Hoisting can lead t...read more
Answered by AI
View 3 more answers
Q2. What are higher-order functions in JS
Ans. 
Higher-order functions are functions that take one or more functions as arguments or return a function as their result.
• Higher-order functions can be used to create reusable code by abstracting common patterns.

• They enable functional programming paradigms like currying and composition.

• Examples of higher-order functions in JavaScript include map, filter, and reduce.
Answered by AI
View 2 more answers
Q3. Difference between var, let, and const in JS
Ans. 
var is function scoped, let and const are block scoped.
• var can be redeclared and updated within its scope

• let can be updated but not redeclared within its scope

• const cannot be updated or redeclared once declared

• let and const are not hoisted like var

• const must be initialized during declaration
Answered by AI
Add your answer
Q4. What are Hooks in React.js
Ans. 
Hooks are a feature in React.js that allow developers to use state and other React features in functional components.
• Hooks are functions that let you use React features in functional components

• They allow you to use state and other React features without writing a class

• Hooks provide a way to reuse stateful logic between components

• Some commonly used hooks are useState, useEffect, and useContext
Answered by AI
View 1 more answer
Q5. Presentation component vs functional component in React.js
View 2 more answers
Q6. Bind(), call(), apply() in JS
Add your answer