Build a Chainable Rectangle Manipulation API

Question

Design an API that allows for chainable manipulation of rectangle properties such as width, height, and position.

Codemia · Accepted Answer

The goal is to create a Rectangle class that allows users to manipulate rectangle properties such as width, height, and position through a chainable API. This means each method should return the instance of the rectangle, allowing for multiple method calls in a single statement.

I will design a Rectangle class with properties for width, height, and position (x, y). The class will include methods like `setWidth`, `setHeight`, and `setPosition`, each returning `this` for chaining. This approach promotes a clean and intuitive API for users.

Here is a basic implementation of the Rectangle class in JavaScript:

```javascript
class Rectangle {
    constructor(width = 0, height = 0, x = 0, y = 0) {
        this.width = width;
        this.height = height;
        this.x = x;
        this.y = y;
    }

setWidth(width) {
        this.width = width;
        return this;
    }

setHeight(height) {
        this.height = height;
        return this;
    }

setPosition(x, y) {
        this.x = x;
        this.y = y;
        return this;
    }
}
```

This implementation allows for chainable calls like:
```javascript
const rect = new Rectangle().setWidth(10).setHeight(5).setPosition(0, 0);
```

Using a chainable API improves readability and usability, but it can introduce complexity in managing state. It's important to ensure that methods are idempotent and handle edge cases, such as negative dimensions. Additionally, if the API grows to include more shapes, maintaining a consistent design pattern will be crucial.

Build a Chainable Rectangle Manipulation API

Robinhood

What the Interviewer Expects

Key Topics to Cover

How to Approach This

Possible Follow-up Questions

Sharpen Your Skills on Codemia

Sample Answer

Requirements

High-Level Design

Submit Your Answer

Robinhood Frontend Engineer Interview Guide

Related Questions

Design a scalable Search System

Design a Video Streaming for Rippling

Design a Load Balancing Service

Design a Image Processing Service

Build a high-throughput Image Processing Pipeline