Insights & Resources

Build better engineering teams

Explore insights on technical hiring, AI readiness, developer skills, and product updates from the team behind CoderPad.

Latest by topics

Development Articles

Development

How To Handle State Management in Vue Using Pinia

State management is often necessary when building applications, but it can be challenging to implement, especially with large-scale applications. Your application’s size and features often dictate how large or complex your state management will be. Although keeping track of states in an application is not easy, it can be with the right tools for the job. This post aims to provide a high-level overview of one of the many ways in which state management can be handled in a Vue application using Pinia .

Development

How To Manipulate SQL Data Using SQLAlchemy and Pandas

Dealing with databases through Python is easily achieved using SQLAlchemy . Manipulating data through SQLAlchemy can be accomplished in most tasks, but there are some cases you need to integrate your database solution with the Pandas library. This is useful, especially if you’re comfortable manipulating data through Pandas. There are also cases when you have a large CSV file, and you want to import the contained data into your SQLAlchemy. You can also use Pandas with SQLAlchemy when you already have a DataFrame that you want to import to your database instead of manual SQL inserts.

Development

Tailwind CSS Icons: A How-to Guide

Tailwind CSS is a low-level, utility-first CSS framework. It lets you build web components without leaving the comfort of the HTML markup. This is possible because, in place of predefined components, it has utility classes that make building custom components a lot easier. Tailwind CSS has a lot of utilities but none for adding icons to your project. You’ll have to use an external icon library or image. Icons are important in modern web development. In this post, you’ll learn how to use icons in Tailwind CSS. We’re going to look at how you can add icons using Font Awesome , as well as how you can add icons using Heroicons by the makers of Tailwind CSS.

Development

Tailwind Grid CSS Classes: A How-to Guide

CSS grid layout is a great way to keep your web content organized using a system of rows and columns. In this post, you’ll learn how to use Tailwind Grid CSS classes to build web components. We’ll also cover how you can easily resize the rows and columns, and how to make the grid responsive. Tailwind CSS is a utility-first, low-level CSS framework that allows you to build web components directly into your HTML. It’s different from other CSS frameworks, like Bootstrap, that have predefined web components.

Development

The Definitive Guide To Responsive Images On The Web

Using images on the web was made possible in 1995, by implementing the <img> tag into the HTML 2.0 specification. A simple syntax to do a simple job. But in the times of modern web and the multiplication of devices, HTML authors needed a way to serve different images, based on the screen size. Because images have a great impact on performance, we don’t want to load a large picture on a mobile phone. We use responsive images to serve different images based on the device it’s being viewed on. We’ll load a smaller image for smaller screens, reducing the size of the network request.

Development

MySQL LIKE Operator: A Detailed Guide

A super common task when working with databases is searching for a text string matching a given pattern. You might need to get all customers whose last names start with a “B” or retrieve all products whose ids contain a certain numerical sequence. If MySQL is your database, then the MySQL LIKE operator is the solution you need. This post is a guide to using the LIKE operator in MySQL. We’ll explain what exactly the MySQL LIKE operator, and what you need it for and show several practical usage examples. Before we get started, let’s review some requirements for the post.

Development

A Guide To API Rate Limiting In Django

Imagine you’re driving on a busy highway during rush hour. As you approach a bottleneck in the road, you start to slow down and eventually come to a complete stop. Suddenly, a car comes speeding up behind you and tries to squeeze into the small gap between you and the car in front of you. The driver behind you is trying to bypass the traffic and get ahead, but their reckless behavior could potentially cause an accident. This is similar to the concept of rate limiting in the digital world. Just like how a bottleneck on a highway limits the number of cars that can pass through at a given time, rate limiting in technology limits the number of requests a server can handle in a specific timeframe to prevent overwhelming traffic and potential crashes.

Development

Advanced Stored Procedures In MySQL

In our previous article , we learned the basics of stored procedures and how they can help you manage your MySQL database efficiently. In this guide, we’ll dive deeper and discuss more advanced stored procedures concepts and techniques. By the end of this article, you’d have learned some skills that will make you more proficient in working with stored procedures in MySQL. Stored procedures share many similarities with functions in procedural languages such as JavaScript, Python, etc. They are used to group and execute many tasks in one call. They can be called and executed repeatedly using loops. They can also be nested in one another and executed in parent-stored procedures. You can also nest MySQL functions in stored procedures and more!

Development

A Guide To Using React’s useMemo Hook

React is one of the most used JavaScript libraries, and it is used for building fast and interactive user interfaces. But at times, implementing certain functions, fetching massive data from external sources, and lots more make it difficult for your React applications to run fast, thereby reducing performance. In this guide, you will learn what the useMemo hook means, how you can use it to optimize your React applications, and when you should use it. You will also get to know other options you can use in other situations, so you don’t use the useMemo hook when you should not.

Hire with confidence.

See why engineering teams trust CoderPad to evaluate developers with realistic, AI-ready hiring workflows.

Request a demo