We all need pills 💊

onClick, onChange, onBlur... We usually pass a reference to the function handler but how do we add more arguments instea...

Clones might take over the world, we - as JavaScript guardians need to learn how to remove duplicates from an array.

There is no-built in method on string type to reverse it in JavaScript, let's see how we can overcome it with a one-line...

We'll create useDarkMode hook to switch between light and dark themes. Our application will be built on top of styled-co...

Let's create a custom hook for fetching data with the browser fetch which we'll use for getting some Pokemons from pokeA...

Use a combination of position relative and absolute to place text on the image (cute cat included) card.

Having too many dialogs, modals, popups in one component and state starts to become repetitive? Solution - write a custo...

Let's create a custom hook for tracking the counter state and exposing the current counter value with increment, decreme...

Do you only use pixels or % in CSS? Open yourself to more possibilities and best practices with other available units.

Null coalescing operator, optional chaining, and Array.flat method are all amazing. It's worth to follow ESNext features...

Need to search for a character, word, or entire sentence? String .includes method to the rescue.

Checking multiple values in JavaScript often leads to redundant, boilerplate code - let's use .includes method to fix th...

Converting data structures is a day-to-day job as a Developer - so is staying up-to-date with the language and it's feat...

Method chaining is a helpful pattern to learn in programming. It complies with the functional, declarative approach and ...

Use the versatile .reduce method to sum an array of numbers.

Learn how to add, edit and delete array of objects in semantic, declarative approach using rest spread operator and arra...

Adjust box-sizing property to include padding and border to actual width or height. Simplifies overhead of the box model...

Avoid CSS reset and normalize your styles through different browsers, preserve useful defaults, correct bugs and common ...

Make all cards equal height with flexbox. Especially helpful when content is dynamic and can't set fixed height.

Outline all your HTML elements with a single line of CSS. Helps with understanding layout by visualizing all elements ou...