Wayfair Software Developer Interview Questions and Answers

Core HTML, CSS and JS

JS deep dive and react

Q1. Mimic Promise.all, Array.flat, OTP Component etc
Add your answer

Quantiative Aptitude

Q1. Questions related to basic DSA, Searching, sorting, SQL Queries based on aggregate functions, Basic puzzle (GFG)
Add your answer

Q1. Resume based, Discussion about projects mentioned on the resume.
Add your answer

Q1. Strength, Weakness,
Add your answer

Q1. How to centre a div container
Ans. 
Centering a div container can be achieved using CSS techniques like flexbox, grid, or margin auto for block elements.
• Using Flexbox: Set the parent container to display: flex; and justify-content: center; align-items: center; to center the child div.

• Example: .parent { display: flex; justify-content: center; align-items: center; height: 100vh; } .child { width: 50%; }

• Using Grid: Set the parent to display: grid; and use p...read more
Answered by AI
Add your answer
Q2. What is a command to run a react project
Ans. 
To run a React project, use the command 'npm start' in the project directory to start the development server.
• Navigate to the project directory: Use 'cd your-project-name' to go to your React project folder.

• Install dependencies: Run 'npm install' to install all required packages listed in package.json before starting the project.

• Start the development server: Execute 'npm start' to launch the React application in your de...read more
Answered by AI
Add your answer
Q3. What is the Full Form of nmp
Ans. 
NPM stands for Node Package Manager, a tool for managing JavaScript packages and dependencies in Node.js applications.
• Package Management: NPM allows developers to install, update, and manage libraries and tools needed for their projects, such as Express or React.

• Dependency Management: It helps in managing project dependencies, ensuring that the correct versions of libraries are used, which is crucial for compatibility.

• ...read more
Answered by AI
Add your answer
Q4. What is the difference between framework or Library
Ans. 
A framework provides a structure for building applications, while a library offers reusable code for specific tasks.
• Inversion of Control: Frameworks dictate the flow of control, while libraries allow developers to call them as needed. Example: Angular (framework) vs. jQuery (library).

• Purpose: Frameworks are designed for building entire applications, whereas libraries focus on specific functionalities. Example: Django (...read more
Answered by AI
Add your answer

Q1. General Discussion + 1 coding question
Add your answer

Q1. SQL Based Question using advanced techiques like window functions
Add your answer
Q2. Credit Modelling Life Cycle
Add your answer

Q1. Design Calculator
Add your answer
Q2. React without react dom
Ans. 
React without react dom involves using React's server-side rendering capabilities to render components without the need for a DOM.
• Use ReactDOMServer.renderToString() to render React components on the server side

• This can be useful for server-side rendering of React components for SEO purposes

• Example: ReactDOMServer.renderToString()
Answered by AI
Add your answer

Q1. Design Pagination
Ans. 
Design a pagination system to efficiently navigate through large datasets.
• Define page size: Determine how many items to display per page (e.g., 10 items).

• Implement offset and limit: Use SQL queries like 'SELECT * FROM table LIMIT 10 OFFSET 20' for fetching data.

• Provide navigation controls: Include 'Next', 'Previous', and page number indicators for user navigation.

• Consider performance: Use caching strategies to store fr...read more
Answered by AI
Add your answer
Q2. Questions regarding NEXTjs
Add your answer