10+ Mad Street Den Interview Questions and Answers

React has several component lifecycles, including mounting, updating, and unmounting.

• Mounting: when a component is being created and inserted into the DOM

• Updating: when a component is being re-rendered due to changes in props or state

• Unmounting: when a component is being removed from the DOM

CSS position properties determine how an element is positioned on a web page.

• static: default position, elements flow in document order

• relative: positioned relative to its normal position

• absolute: positioned relative to its nearest positioned ancestor

• fixed: positioned relative to the browser window

• sticky: positioned based on scroll position

To improve API latency, optimize database queries, use caching, implement load balancing, and optimize code.

• Optimize database queries by using indexes, reducing unnecessary joins, and optimizing query execution plans.

• Implement caching to store frequently accessed data in memory, reducing the need for repeated database queries.

• Use load balancing to distribute incoming requests across multiple servers, preventing any single server from becoming overwhelmed.

• Optimize code by iden...read more

Ref is used in React to access and manipulate the DOM directly.

• Ref provides a way to access and modify DOM elements or React components.

• It is commonly used for focusing input fields, triggering animations, or integrating with third-party libraries.

• Ref can be created using the useRef() hook or by using the ref attribute in class components.

• Example: const inputRef = useRef();

• Example: const buttonRef = React.createRef(); Click

To improve db performance, optimize queries, use indexing, cache data, and scale horizontally.

• Optimize queries by using appropriate indexes and avoiding unnecessary joins

• Cache frequently accessed data to reduce database load

• Scale horizontally by distributing the database across multiple servers

• Use database monitoring tools to identify and resolve performance bottlenecks

CDN stands for Content Delivery Network. It is a distributed network of servers that helps deliver web content efficiently.

• CDN improves website performance by caching content closer to the user

• It reduces latency and improves page load times

• CDN helps handle high traffic loads and prevents server overload

• It provides global coverage and ensures content availability worldwide

• CDN can deliver various types of content like images, videos, scripts, etc.

• Popular CDN providers include C...read more

JS hoisting is a mechanism where variable and function declarations are moved to the top of their scope during compilation.

• Variable declarations are hoisted but not their initializations.

• Function declarations are fully hoisted, including their definitions.

• Hoisting can lead to unexpected behavior if not understood properly.

• Example: console.log(x); var x = 5; // Output: undefined

Closure is a feature in programming languages that allows a function to access variables from its outer scope even after it has finished executing.

• Closure is created when a nested function references variables from its parent function.

• It allows for data encapsulation and privacy in JavaScript.

• Closures are commonly used in event handlers, callbacks, and asynchronous programming.

• They can be used to create private variables and functions in object-oriented programming.

• Closures c...read more

Designing the database for Slack

• Create tables for users, channels, messages, and teams

• Use foreign keys to establish relationships between tables

• Include columns for user details, channel details, message content, and timestamps

• Consider indexing frequently queried columns for performance optimization

Trees are a type of graph with a hierarchical structure. Graphs are a collection of nodes and edges.

• Trees have a single root node, while graphs can have multiple disconnected nodes.

• Traversal of trees can be done using depth-first or breadth-first search algorithms.

• Traversal of graphs can be done using various algorithms like Dijkstra's algorithm, Bellman-Ford algorithm, etc.

Invert a given binary tree by swapping left and right child nodes recursively.

• Recursively swap left and right child nodes of each node in the binary tree.

• Start from the root node and swap its left and right child nodes.

• Then, recursively swap the left and right child nodes of the left and right child nodes of the root node.

• Repeat the process until all nodes have been swapped.

• Return the inverted binary tree.

Convolutional neural network (CNN) is a deep learning algorithm commonly used for image recognition and classification.

• CNN is designed to automatically and adaptively learn spatial hierarchies of features from input data.

• It uses convolutional layers to apply filters to input data, extracting features at different spatial locations.

• Pooling layers are used to reduce the spatial dimensions of the input data while retaining important information.

• CNNs are commonly used in computer...read more