Rowdy Coders Logo

Rowdy Coders

Articles

Explore all our deep-dives, interview questions, and tutorials.

Article

Mastering Interceptors and Auth Guards in JavaScript & React

Interceptors and auth guards are two of the most frequently asked interview questions.

Read
Article

Building a Async Concurrency-Controlled Task Manager in JavaScript

In modern web applications, managing asynchronous tasks efficiently is crucial, especially when dealing with tasks that consume resources or depend on external APIs.

Read
Article

Converting a DOM Object to Real DOM Elements in JavaScript

In many frontend interviews, you may be asked to convert a virtual DOM object into actual DOM elements. This exercise tests your understanding of the DOM

Read
Article

Logging Access to Object Properties in JavaScript Using Proxy

This Question was asked in ServiceNow interview, it can be solved using the Proxy Design Pattern.

Read
Article

Implement a Retry Function for a Promise in JavaScript

In many real-world scenarios, especially when making network requests, temporary failures are common.

Read
Article

Building Star Rating ⭐Component in ReactJS-Interview Question

When preparing for frontend interviews, implementing common UI elements like a Star Rating Component is a frequent question.

Read
Article

JavaScript Hoisting: A Deep Dive with Code Examples

Understanding JavaScript hoisting is essential for mastering the language and writing efficient, bug-free code. In this article, we will explore what hoisting

Read
Article

Mastering the Container/Presentational Pattern in React

Design patterns are crucial for building efficient, maintainable, and scalable applications.

Read
Article

Unlocking the Power of Compound Components Pattern in React

Design patterns are essential for building robust, maintainable, and scalable applications.

Read
Article

Mastering Controlled Components Design Pattern in React

Design patterns are the cornerstone of building robust, maintainable, and scalable applications.

Read
Article

Mastering Custom Hooks Design Pattern in React

Design patterns are vital tools for building robust, maintainable, and scalable applications.

Read
Article

Understanding the Context API Pattern in React

The Context API in React provides a way to pass data through the component tree without having to pass props down manually at every level.

Read
Article

Understanding the Render Props Pattern in React

Design patterns are essential tools for building robust, maintainable, and scalable applications.

Read
Article

Higher-Order Components (HOC): Enhancing Components Reusability

Design patterns are essential tools for building robust, maintainable, and scalable applications.

Read
Article

Prototype Design Pattern: Promoting Prototype Inheritance

Design patterns play a crucial role in building scalable and maintainable applications.

Read
Article

Observer Design Pattern: The Power of Event Emitter

Understand the Observer design pattern by building a custom Event Emitter in JavaScript. A core pattern for event-driven architecture.

Read
Article

Factory Design Pattern: Promotes flexibility & scalability

Design patterns are essential tools for building robust, maintainable, and scalable applications. Understanding and effectively utilizing design patterns

Read
Article

Module Design Pattern: Encapsulation and Reusability in JS

Design patterns are essential tools for building robust, maintainable, and scalable applications.

Read
Article

Singleton Design Pattern: Ensuring Consistency & Efficiency

Design patterns are essential tools for building robust, maintainable, and scalable applications.

Read
Article

Exploring JavaScript Symbols: A Deep Dive into Unique Identifiers

JavaScript Symbols are a relatively new and powerful addition to the language, introduced in ECMAScript 2015 (ES6).

Read
Article

Mastering JavaScript Generator Functions: A Comprehensive Guide

Generator functions are a powerful feature in JavaScript that provide a new way to work with functions and asynchronous programming.

Read
Article

Understanding JavaScript Closures: The Power of Scoped Functions

Closures are one of the most powerful and often misunderstood features in JavaScript.

Read
Article

Mastering JavaScript Promises: The Key to Asynchronous Programming

JavaScript promises are a cornerstone of modern web development, enabling efficient handling of asynchronous operations.

Read
Article

HealthPlix Frontend Interview Experience

In my recent job switch, I got interviewed at many companies, HealthPlix is one of them. The interview lasted around 1 hour.

Read
Article

Mastering Closures: Building a Calculator in Javascript

Closures are one of the most powerful and often misunderstood features of JavaScript. They allow you to encapsulate state within a function and create private variables

Read
Article

Dynamic Chat App with Randomized Replies using ReactJS

In my recent job switch, the interviewer asked me to build a Dynamic Chat App with Randomized Replies using ReactJS.

Read
Article

Creating an Accordion Component using React

In my recent job switch, the interviewer asked me to create an Accordion Component. This is one of the most basic Machine coding questions that you might face

Read
Article

Building a Nested Comments and Reply Component with React

In my recent job switch, the interviewer asked me to implement Nested Comments and reply functionality in ReactJS.

Read
Article

Understanding JavaScript Prototypes: The Foundation of Inheritance in JavaScript

Understanding prototypes is essential for mastering JavaScript, as they form the backbone of inheritance and object-oriented programming in this language.

Read
Article

Creating an Infinite Scroll with FlatList in React Native

Infinite scroll is a popular pattern for displaying large lists of data. It allows users to scroll through data without experiencing the performance issues

Read
Article

ZebPay Interview Experience

The interview lasted around 1 hour, Questions that were asked in ZebPay were of medium level.

Read
Article

Pre-order Traversal in a Binary Tree

Step-by-step guide to implementing Pre-order Traversal in a Binary Tree using both recursive and iterative approaches.

Read
Article

Level Order Traversal of a Binary Tree

Level Order Traversal, also known as Breadth-First Search (BFS) for trees, is a method of traversing a binary tree level by level.

Read
Article

Counting the Number of Islands in a Grid

Solve the 'Number of Islands' problem using BFS/DFS. A classic coding interview question explained with JavaScript.

Read
Article

Reversing Words in a String

Learn multiple ways to reverse words in a string in JavaScript, from simple array methods to manual pointers.

Read
Article

Implementing Merge Sort in JavaScript

Merge Sort is a classic sorting algorithm that uses the divide and conquer paradigm to efficiently sort an array, this is one of the most asked interview question

Read
Article

Sorting an Array Containing 0’s, 1’s, and 2’s

Solve the Dutch National Flag problem. Learn how to sort an array of 0s, 1s, and 2s in O(n) time and O(1) space.

Read
Article

Minimum Number of Platforms Required for a Railway Station

Algorithm to find the minimum number of platforms required for a railway station so that no train has to wait.

Read
Article

Valid Parenthesis Checker

Solve the Valid Parentheses problem using a stack. A fundamental problem for understanding data structures in interviews.

Read
Article

Difference between let, var and const in JavaScript

Difference between var, let and const variable declarations in javascript and when to use them effectively with examples.

Read
Article

Implement an Event Emitter in JavaScript

This is one of the most asked interview questions and In this interview article, we'll dive deep into creating a robust Event Emitter in JavaScript

Read
Article

Building a TicTacToe game using React

Build a fully functional Tic-Tac-Toe game in React. Learn about state management, game logic, and UI design patterns.

Read
Article

Building a TypeHead component in React

Step-by-step tutorial on building a Typeahead/Autocomplete component in React with debouncing and API integration.

Read
Article

Creating a Polyfill for the Reduce Method

Master the Array.reduce method by building a custom polyfill. Understand initial values, accumulators, and edge cases.

Read
Article

Create Currying Functions with Nested Objects

Deep dive into JavaScript Currying with practical examples involving nested objects and functional programming patterns.

Read
Article

Create a method to Cache multiple API calls

In modern web development, optimizing performance and reducing server load is crucial. One effective strategy is to cache API responses

Read
Article

Implementing Memorization in JavaScript

This is one of the most asked interview questions and Memorization in JavaScript refers to the technique of caching and reusing the output of expensive function

Read
Article

Creating a polyfill for Promise.race method

Learn how to implement a polyfill for Promise.race in JavaScript and understand its behavior with multiple promises.

Read
Article

Polyfill for Concurrent Asynchronous Operations-Promise.all

Deep dive into concurrent asynchronous operations bit by bit and learn how to create a polyfill for Promise.all.

Read
Article

Understanding the “this” Keyword in JavaScript

Master the 'this' keyword in JavaScript. Understand how it behaves in global context, arrow functions, and bound methods.

Read
Article

Debounce in JavaScript: Enhance Frontend Performance

Master Debounce in JavaScript. Learn how it works, why it's used for performance, and how to implement it from scratch.

Read
Article

Kotak 811 Interview experience - Frontend

The interview lasted around 1 hour and the interviewer is from the BarRaiser. Questions that were asked in Kotak 811 are of medium level.

Read
Article

Create a Blick click game - Machine coding round

Step-by-step guide to building a Blink Click game, a popular machine coding round question from Zebpay and other companies.

Read
Article

Creating a polyfill for the map array method in javascript

Explore the internals of the Array.map method and learn how to create a custom polyfill for it in JavaScript.

Read
Article

Deep cloning Objects in JavaScript with Circular Reference Handling

In JavaScript, object cloning is a common task, but deep copying an object while also handling circular references presents a unique challenge.

Read
Article

Deep cloning an object in Javascript

In JavaScript, object cloning is a common task, but deep cloning, which involves creating a complete and independent copy of an object and its nested properties

Read
Article

Building an N x N Grid of Boxes in React - Kotak Interview

You will be given a number, and need to prepare N X N boxes on the screen, clicking on it should show a blue colour.

Read
Article

Flatten a multi-dimensional array

In the vast realm of JavaScript, arrays reign supreme as versatile containers of data. But when arrays nest within each other, navigating through their depths

Read
Article

Flatten Nested Objects in JavaScript

Nested objects are a common data structure in JavaScript, providing a convenient way to organize and represent complex data.

Read
Article

Flexcar interview experience - Round 1

The interview was around 1 hour and the interviewer has almost 6 years of experience in frontend application development.

Read
Article

Create a polyfill for Object.entries method

Manual implementation of Object.entries() in JavaScript. Understand how to iterate over objects and return key-value pairs.

Read
Article

Create a polyfill for the filter array method

Understanding the filter method, the need for polyfill and creating a polyfill for the filter method in JavaScript.

Read
Article

Creating a dynamic counter with Start, Pause and Reset button functionality using React

Learn how to build a dynamic counter with Start, Pause, and Reset functionality in React. A common machine coding interview question.

Read