Code Chronicles

Random thoughts, lessons learned, and stuff I've picked up building web apps over the years. Mostly about React, TypeScript, and the daily grind of frontend development. Hope you find something useful here!

23 articles Latest: October 2025
Featured
5 min

How AI-Powered Tools Are Changing Frontend Development in 2025

In 2025, the way we build for the web is evolving faster than ever—thanks to the rise of AI-powered tools. If you’ve noticed your workflow has become smoother, your code...

Read article
5 min

How AI-Powered Tools Are Changing Frontend Development in 2025

In 2025, the way we build for the web is evolving faster than ever—thanks to the rise of AI-powered tools....

Read more
3 min

Understanding npm dependencies version specifiers

When developing a Javascript application, you may find yourself relying on external packages and libraries to achieve your goals. These...

Read more
3 min

pnpm vs npm vs yarn

If you’re a JavaScript developer, you’re likely familiar with npm and yarn, the two most popular package managers in the...

Read more
5 min

Navigating the startup world as a front-end lead: 5 key principles for success.

If you’re a front-end lead who’s considering joining a startup, it’s important to be aware of the unique challenges and...

Read more
5 min

How to run multiple npm scripts in parallel with "concurrently" or "gulp-run"

When working with Node.js, you may have to run multiple npm scripts simultaneously, especially during development. Fortunately, npm provides a...

Read more
5 min

How to shuffle an array in TypeScript with the Fisher-Yates algorithm.

In this tutorial, we’ll explore how to shuffle an array in typescript using the Fisher-Yates algorithm. We’ll cover the basic...

Read more
3 min

Core Concepts and Usage Patterns for React Query

Introduction React Query is a library that helps developers manage data in their React applications. It provides a set of...

Read more
3 min

RxJs: Operators audit vs auditTime

Unlock the Power of RxJs: Understanding the Differences between Audit and AuditTime Operators Are you ready to take your RxJs...

Read more
3 min

RxJS: Operadores audit vs auditTime

RxJS: Operadores audit vs auditTime En este video exploramos los operadores audit vs auditTime, y vemos su funcionamiento.

Read more
3 min

Crear un servidor con livereload menos de 5 minutos con VSCode

Crear un servidor con livereload menos de 5 minutos con VSCode En este video enseñamos como Crear un servidor con...

Read more
3 min

Borrar Archivos y Directorios "Untracked" de un repositorio

Borrar Archivos y Directorios “Untracked” de un repositorio En este video mostramos como deshacernos de los indeseables archivos que van...

Read more
3 min

New React Hooks: useState Hook Demo

What are React Hooks? What is a hook? Hooks are functions that let you “hook into” React state and lifecycle...

Read more
1 min

How to Fix: fatal: refusing to merge unrelated histories

Today I have a git error, I’ll describe the situation I had maybe I’m not the only one. I created...

Read more
1 min

Loop inside React JSX Element

This is a simple but useful snippet code to create a loop inside a jsx element Let’s say we want...

Read more
1 min

Programmatically navigate using react router

This is a snippet code for all developers looking how to navigate between “Views” using React Router programmatically, For React...

Read more
1 min

How to call javascript functions without parentheses

In this post I’ll explain how to call javascript function without parentheses(it was surprising for me too), I have to...

Read more
1 min

How to Change HTML input placeholder

This post will describe how to change the color in input text html Demo: Snippet: HTML <input id="demo-input" type="text" placeholder="My...

Read more
3 min

Blueprint Snippets with Angular CLI

Blueprint: The angular ClI generates from blueprints, this means that the cli will generate code for use using a cli...

Read more
1 min

How to make grid items the same height using bootstrap 4

Today I was trying to make my blog items the same height and I remembered this easy and very useful...

Read more
1 min

How to fix potential security vulnerability in a dependency defined in package-lock.json

Today I got assigned a ticket and it consisted in fix a vulnerability that github was complaining about, it was...

Read more
3 min

Tilde(~) vs Caret(^) in Package.json

It’s common as front end or javascript developer get into a project and check the folder structure and found a...

Read more
5 min

How to deploy a static website to Heroku

Sometimes you want to deploy a simple website or a simple page to a free hosting for testing or development...

Read more
5 min

How to Create a Register Form with Angular 6

In this post I share with you How to Create a Register Form with Angular 6 easy using bootstrap 4,...

Read more