Sign in

Web developer. Startup enthusiast. Coffee lover.

Showcase your components alongside detailed documentation

Photo by MagicPattern on Unsplash
Photo by MagicPattern on Unsplash

Storybook is an extremely powerful tool I’ve been working with recently to showcase components in an interactive playground surrounded by their documentation. …


How to direct your focus and energy towards things that really matter.

Photo by Artem Maltsev on Unsplash

Our time and energy are precious, yet we often struggle to use them appropriately to avoid delaying certain responsibilities until they can no longer be delayed. Learning how to manage our attention effectively, and direct our energy on the things that matter the most, is key to ensuring productivity and…


2. Breadcrumbs

Image of laptop and plant
Photo by Kevin Bhagat on Unsplash

1. Add a Splash of Colour To Your Title Bars

VS Code allows its users to customise their environment as they please, but one customisation I like in particular is the ability to change the title bar’s background colour.

After hours of development, something eyecatching to easily differentiate between codebases is very much welcomed. …


The core principles of virtual scrolling explained, plus a tutorial using react-window.

Photo by Miguel Á. Padriñán from Pexels

Ever had to deal with a large dataset within your web application? Let’s say a call to your API returns thousands of items. You now want to render a scrollable list without pagination displaying each of those items. Rendering that many items would pollute the DOM and consume too much…


And at the touch of your fingertips!

Photo by Michael Dziedzic on Unsplash

The Massachusetts Institute of Technology (MIT) has recently released information about a potential game-changer in screening for COVID-19 asymptomatic patients.

So far during this pandemic, scientists have identified that there are individuals who show symptoms, and those who are infected but show no symptoms at all. …


With react-bootstrap and useReducer()

Photo by Halacious on Unsplash

I recently came across the use case for a modal in one of my personal projects — the usual ‘are you sure you want to block X user?’ I installed my package of choice, added an out of the box modal with the desired content and…


On WCAG guidelines, ARIA attributes, and testing frameworks.

Photo by Balázs Kétyi on Unsplash

Accessibility across web apps is key to ensure the inclusion of those living with disabilities. According to the WHO, around 15% of the global population lives with some form of disability, with at least 2.2 billion people having a visual impairment. The…


#2 A Model Directory!

Photo by Henri L. on Unsplash

Has it been six months already?! It sure has. You know what that means: A new Laravel version is here — Laravel 8!

Laravel 8 was released two days ago with a bunch of useful updates I was excited to hear about. In this article, I’ll go over what’s changed…


And to whom we are eternally grateful!

Debugging is a vital part of programming. A breakpoint — which by definition is an intentional stopping or pausing place in a program — is often key during the debugging process. They allow developers to gain insights into a program’s values during its…


The term is more literal than you think.

Photo by Jefferson Santos on Unsplash

Safe to say all programmers are familiar with bugs. By definition, a bug in programming is described as:

An error, flaw or fault in a computer program or system that causes it to produce an incorrect or unexpected result, or to behave…

Natalie Mclaren

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store