U.S. Bank Reactjs Developer Interview Questions, Process, and Tips

Got a link on mail to give online clearance test. 25 questions on react, Js and html-css

Q1. Build a login page
Add your answer

Q1. What is the difference between states and props ?
Ans. 
States are mutable data managed within a component, while props are immutable data passed from parent to child components.
• States are managed within a component and can be changed using setState method

• Props are passed from parent to child components and are immutable

• States are used for internal component data management, while props are used for passing data between components

• Example: A counter component may have a stat...read more
Answered by AI
Add your answer
Q2. How are data passed from children to parents in react component?
Ans. 
Data can be passed from children to parents in React components by using callback functions.
• Use callback functions to pass data from child components to parent components

• Parent component passes a function as a prop to child component

• Child component calls the function with the data as an argument to pass data to parent component
Answered by AI
Add your answer

React js and JavaScript scenarios based problems.

Q1. Realted to React js
Add your answer
Q2. Javascript basics
Add your answer

Q1. About salary discussion
Add your answer

Q1. Difference between if else and ternary
Ans. 
Ternary operator is a shorthand for if else statement in JavaScript.
• Ternary operator is written as condition ? expression1 : expression2

• If the condition is true, expression1 is executed, else expression2 is executed

• Ternary operator is more concise and can be used inline in JSX
Answered by AI
Add your answer
Q2. Class and functional components
Add your answer

Q1. About my projects
Add your answer
Q2. About strenghts and weeknesses
Add your answer

Q1. About my experience
Add your answer
Q2. Salary discussions
Add your answer

MCQ based Questions were asked

Q1. Do you follow CI/CD process?
Ans. 
Yes, I follow CI/CD process to automate testing and deployment.
• I use tools like Jenkins, GitLab CI, or CircleCI to automate the build, test, and deployment process.

• I write unit tests and integration tests to ensure code quality before deployment.

• I regularly push code changes to version control and trigger automated builds and tests.

• I use continuous integration to merge code changes frequently and detect issues early in
Answered by AI
Add your answer
Q2. What is CI/CD Process
Ans. 
CI/CD process is a software development practice that involves continuous integration, continuous delivery, and continuous deployment.
• Continuous Integration (CI) involves automatically building and testing code changes frequently.

• Continuous Delivery (CD) ensures that code changes are always in a deployable state.

• Continuous Deployment (CD) automatically deploys code changes to production environments.

• CI/CD helps in redu...read more
Answered by AI
Add your answer

Q1. Explain useSelector
Ans. 
useSelector is a hook provided by React-Redux for accessing the Redux store state in functional components.
• Allows functional components to access the Redux store state without connecting to the store

• Accepts a selector function as an argument to specify which part of the state to extract

• Automatically subscribes to the Redux store updates and re-renders the component when the selected state changes
Answered by AI
Add your answer
Q2. Optimization in react
Ans. 
Optimization in React involves improving performance and efficiency of the application.
• Use shouldComponentUpdate or PureComponent to prevent unnecessary re-renders

• Avoid using inline functions in render method to prevent re-renders

• Use keys in lists to help React identify which items have changed

• Splitting components into smaller ones can improve performance

• Use React.memo for functional components to memoize the result
Answered by AI
Add your answer
Q3. What is JSX in react
Ans. 
JSX is a syntax extension for JavaScript used in React to write HTML-like code within JavaScript.
• JSX allows developers to write HTML-like code directly in their JavaScript files

• It makes the code more readable and easier to understand

• JSX gets transpiled into regular JavaScript by tools like Babel before being rendered by the browser
Answered by AI
Add your answer
Q4. Explain redux flow in react
Ans. 
Redux flow in React involves actions, reducers, store, and components to manage state in a centralized manner.
• Actions are dispatched to describe what happened in the application.

• Reducers specify how the state changes in response to actions.

• Store holds the state of the application.

• Components can connect to the store to access and update the state.
Answered by AI
Add your answer
Q5. Stateful and stateless components
Add your answer

Just MCQ questions related to React, Javascript, HTML, CSS

Q1. 1. Coding question in JS: Capitalize last letter of each word in a string. 2. React JS: Fetch data from some given API and store data in tabular form
Ans. 
Capitalize last letter of each word in a string and fetch data from API to display in tabular form using React JS.
• Split the string into an array of words

• Iterate through each word and capitalize the last letter

• Join the words back together to form the modified string

• Use React JS to fetch data from API and display in a tabular form
Answered by AI
Add your answer