# Marcelo Carmona

> Software engineering notes on web products, frontend architecture, cloud infrastructure, and maintainable delivery by Marcelo Carmona.

## Site

- Name: Marcelo Carmona
- Author: Marcelo Carmona
- URL: https://marcelocarmona.com
- Repository: https://github.com/marcelocarmona/marcelocarmona
- Updated: 2026-04-26T00:00:00.000Z

## Discovery

- [llms.txt](https://marcelocarmona.com/llms.txt): Compact LLM entrypoint.
- [llms-full.txt](https://marcelocarmona.com/llms-full.txt): Expanded Markdown index.
- [ai-index.json](https://marcelocarmona.com/ai-index.json): Structured JSON index.
- [sitemap.xml](https://marcelocarmona.com/sitemap.xml): Crawler sitemap.
- [robots.txt](https://marcelocarmona.com/robots.txt): Crawler policy.

## Languages

- English (en-US): [https://marcelocarmona.com](https://marcelocarmona.com)
- Espanol (es-ES): [https://marcelocarmona.com/es](https://marcelocarmona.com/es)

## Pages

- [Home](https://marcelocarmona.com): Software engineering notes on web products, frontend architecture, cloud infrastructure, and maintainable delivery by Marcelo Carmona.
- [Inicio](https://marcelocarmona.com/es): Articulos en espanol sobre React, Next.js, rendimiento web y arquitectura.
- [Blog](https://marcelocarmona.com/blog): English technical articles by Marcelo Carmona.
- [Blog](https://marcelocarmona.com/es/blog): Articulos tecnicos en espanol por Marcelo Carmona.
- [Guides](https://marcelocarmona.com/guides): Clustered learning paths by topic.
- [Guias](https://marcelocarmona.com/es/guides): Rutas de aprendizaje agrupadas por tema.
- [Tags](https://marcelocarmona.com/tags): Browse English articles by topic tag.
- [Etiquetas](https://marcelocarmona.com/es/tags): Explora articulos en espanol por etiqueta.
- [Book a Call](https://marcelocarmona.com/book): Schedule a call with Marcelo Carmona.
- [Reservar llamada](https://marcelocarmona.com/es/book): Reserva una llamada con Marcelo Carmona.
- [About](https://marcelocarmona.com/about): Professional profile for Marcelo Carmona.
- [Acerca](https://marcelocarmona.com/es/about): Perfil profesional de Marcelo Carmona.
- [Projects](https://marcelocarmona.com/projects): Public projects and technical work by Marcelo Carmona.
- [SF Crash Map](https://marcelocarmona.com/sf-crash-map): Explore recent DataSF injury crash records across San Francisco neighborhoods.

## Feeds

- [English RSS feed](https://marcelocarmona.com/feed.xml): application/rss+xml
- [Spanish RSS feed](https://marcelocarmona.com/es/feed.xml): application/rss+xml

## English Articles

- [Setting up Istio](https://marcelocarmona.com/istio-setup): How to set up Istio, an open-source service mesh, including installation, configuration, and integration with other tools. It enables a more efficient and unified way to secure, connect, and monitor services in distributed applications. Updated 2021-08-05.
- [Reduce AWS Amplify bundle size](https://marcelocarmona.com/reduce-aws-amplify-bundle-size): How to optimize AWS Amplify imports and reduce the first-load size in web and mobile applications built using AWS cloud services. Updated 2021-04-29.
- [Understanding React.Suspense](https://marcelocarmona.com/understanding-react-suspense): React Suspense is a powerful feature that allows developers to pause rendering until a task, such as loading data from an API, is completed. Updated 2018-12-04.
- [Avoid unnecessary re-renders with React.memo](https://marcelocarmona.com/avoid-unnecessary-re-renders-react-memo): Prevent unnecessary component re-renders in React with React.memo, PureComponent, and shouldComponentUpdate. Updated 2018-11-21.
- [Creating observables from scratch](https://marcelocarmona.com/creating-observable-from-scratch): I'll walk you through the process of building your own small version of an RxJS-like library from scratch. Updated 2017-10-12.
- [How to Comment in React, JSX, and TSX](https://marcelocarmona.com/how-to-comment-in-react-jsx): Learn how to write comments in React, JSX, and TSX, including single-line comments, multi-line comments, and how to comment out JSX blocks correctly. Updated 2026-04-26.
- [Webpack build progress information](https://marcelocarmona.com/webpack-building-progress-information): "webpack-dashboard" is a webpack plugin that shows detailed information about module size, progress, errors, and assets in the development environment. It was created by Formidable, and there are several ways to install and use it. Updated 2016-09-05.
- [Angular 1.5 lifecycle hooks](https://marcelocarmona.com/angular-1.5-lifecycle-hooks): Using Angular 1.5 component lifecycle hooks, including $onInit, $postLink, $onChanges, and $onDestroy. Updated 2016-08-08.
- [Parsers and formatters in AngularJS](https://marcelocarmona.com/parsers-and-formatters): $parsers and $formatters are used in AngularJS's ngModel directive to convert data between the view and the model. $parsers transforms data from view to model, while $formatters transforms data from model to view. Updated 2015-10-16.

## Spanish Articles

- [Evitar re-renders innecesarios con React.memo](https://marcelocarmona.com/es/evitar-re-renders-innecesarios-react-memo) Updated 2019-11-21.
- [Entendiendo React.Suspense](https://marcelocarmona.com/es/entendiendo-react-suspense) Updated 2018-12-04.
- [Creando observables desde cero](https://marcelocarmona.com/es/creando-observables-desde-cero): Te muestro cómo construir una versión pequeña de una librería similar a RxJS desde cero. Updated 2017-10-12.
- [¿Cómo comentar en React, JSX y TSX?](https://marcelocarmona.com/es/comentarios-en-jsx): Aprende cómo escribir comentarios en React, JSX y TSX, incluyendo comentarios de una línea, multilínea y cómo comentar bloques de JSX correctamente. Updated 2026-04-26.
- [Información del progreso de build en Webpack](https://marcelocarmona.com/es/webpack-informacion-del-build) Updated 2016-09-05.
- [Angular 1.5 métodos del ciclo de vida](https://marcelocarmona.com/es/angular-1.5-ciclo-de-vida) Updated 2016-08-08.
- [Parseo y formateo en AngularJS](https://marcelocarmona.com/es/parseo-y-formateo) Updated 2015-10-16.

## Videos

- [Creando observables desde cero](https://marcelocarmona.com/es/watch/creando-observables-desde-cero): Related article [Creando observables desde cero](https://marcelocarmona.com/es/creando-observables-desde-cero).
- [Creating observables from scratch](https://marcelocarmona.com/watch/creating-observable-from-scratch): Related article [Creating observables from scratch](https://marcelocarmona.com/creating-observable-from-scratch).

## Tags

- [Angularjs](https://marcelocarmona.com/tags/angularjs) (en): 2
- [AWS](https://marcelocarmona.com/tags/aws) (en): 1
- [AWS Amplify](https://marcelocarmona.com/tags/aws-amplify) (en): 1
- [Cloud native](https://marcelocarmona.com/tags/cloud-native) (en): 1
- [Devops](https://marcelocarmona.com/tags/devops) (en): 1
- [JavaScript](https://marcelocarmona.com/tags/javascript) (en): 8
- [Kubernetes](https://marcelocarmona.com/tags/kubernetes) (en): 1
- [Nextjs](https://marcelocarmona.com/tags/nextjs) (en): 1
- [React](https://marcelocarmona.com/tags/react) (en): 4
- [Rxjs](https://marcelocarmona.com/tags/rxjs) (en): 1
- [Typescript](https://marcelocarmona.com/tags/typescript) (en): 2
- [Webpack](https://marcelocarmona.com/tags/webpack) (en): 1
- [Angularjs](https://marcelocarmona.com/es/tags/angularjs) (es): 2
- [JavaScript](https://marcelocarmona.com/es/tags/javascript) (es): 7
- [React](https://marcelocarmona.com/es/tags/react) (es): 3
- [Rxjs](https://marcelocarmona.com/es/tags/rxjs) (es): 1
- [Typescript](https://marcelocarmona.com/es/tags/typescript) (es): 1
- [Webpack](https://marcelocarmona.com/es/tags/webpack) (es): 1

## Agent Guidance

- Prefer article canonical URLs over alternate route guesses.
- Use the language and hrefLang fields when matching English and Spanish content.
- Treat forms, booking, and newsletter submissions as actions that need explicit user approval.
- Do not infer private or unpublished content from repository paths; only public URLs in this index are intended for public use.