Pragmatic Pineapple 🍍

See how you can view your web app hosted on your computer from your mobile device.

Let's see how to use Intersection Observer API to determine whether the DOM element somehow intersects with the viewport, or another element

Create a URL shortener with Cloudflare Workers; learn how to create and manage data in Cloudflare's KV storage.

Let's look at the various ways you can handle React errors.

Let's explore the new features and improvements in React 18.

Become a JavaScript DevOps engineers by writing scripts using zx.js.

Create a simple React newsletter component to grow your mailing list using ConvertKit.

Next.js is fast becoming the go-to choice for developer blogs. Find out how to migrate your blog over from Gatsby to Next.js.

Figure out how to revert a CSS transition when hover is over.

Get right into tmux with a gentle learning curve. We go through managing panes, windows, and sessions in this blog post.

In this last part of the Rails Patterns and Anti-patterns series, I'll be going over the most common problems I've encountered while building and shipping Ruby on Rails applications.

These five tips stuck with me throughout the years of writing JavaScript tests. I am sure they will help you too.

Improve the workflow inside the terminal with handy fzf tricks up your sleeve.

Sidekiq is used to handle background processing. Whatever your background jobs may be, you'll eventually run into duplicate jobs. Let's see how to de-duplicate them.

Jump-start React TypeScript classes, or plain HTML files with a simple Vim template. No plugins needed.

In this part of the series on Rails patterns and anti-patterns, we are going to analyze the final part of the MVC (Model-View-Controller) design pattern — the Controller.

Find out how and why to write Rails view specs with RSpec.

(Almost) all the ways you can debug a Jest test in the command line.

Read about changes in the new version and how Turbo is supported.

Rails views are sometimes amazing and fast, and at other times, they can have all sorts of issues. If you want to increase confidence over how you handle your views, then this blog post is for you.

Improve your blog post SEO by showing the date when each post got updated.

How important is it to have developer ethics in today's world.

If you're struggling with models, this blog post is for you. We will quickly go through the process of putting your models on a diet and finish strongly with some things to avoid when writing migrations.

Get more productive at using Vim with the fzf plugin in this short tutorial.

Refresh parts of your page using the new version of render_async.

Should you be concerned about Rails concerns?

This post provides a crash course in the internal workings of Gatsby by showing you how to build a simple blog on Gatsby from scratch.

Pros and cons of using a 30-year-old editor in 2020.

Dig into the basics of design patterns and anti-patterns.

Read about all new changes in 2.1.7 version of render_async.

Short walk through Vim's origins and why is Vim so popular today

What to do before adopting every little trend you come across

Find out how your project can go from 0 to 13,000 dependencies in just a few steps.

Read a detailed dive into all the new changes inside the 2.1.6 version.

How and why to use Vim for TypeScript development in 2020?

Find out how a single JS package can come with 19k dependencies.

Get a grip of when your async requests finish in new version of render_async

A deep dive into profiling with Google Chrome DevTools and Lighthouse.

If you’re interested in how to get started with Rails and Svelte, this is the right post for you! We’ll go through the whats, the whys, and the hows between the two.

Write simple HTML polling by writing Ruby on Rails ONLY.

Getting rid of .bind(this) in React component.

Adding new code to Rails controllers can slow your pages down. Here's how to make rendering your Rails pages faster.

AWS Lambda is an AWS service that runs code in response to events or HTTP requests. Here's how to easily build and deploy a Node.js Lambda microservice.

Learn how to set up continuous deployment for your Node.js application on AWS Elastic Beanstalk using Semaphore.