# Marcelo Carmona > React, Next.js, frontend performance, and software engineering notes 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): React, Next.js, frontend performance, and software engineering notes 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. ## 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 - [Istio setup](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 more efficient and unified ways of securing, connecting, and monitoring 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 new 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 React.memo](https://marcelocarmona.com/avoid-unnecessary-re-renders-react-memo): Preventing unnecessary component re-renders in React and various ways to achieve it, including React memo function, 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 a RxJS 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 building 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 during the development environment. It was created by Formidable and has several options to install and use. Updated 2016-09-05. - [Angular 1.5 lifecycle hooks](https://marcelocarmona.com/angular-1.5-lifecycle-hooks): Use of Angular 1.5 component lifecycle hooks, including $onInit, $postLink, $onChanges, and $onDestroy Updated 2016-08-08. - [Parsers and Formatters 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 como construir una version pequena de una libreria 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. - [Webpack building progress information](https://marcelocarmona.com/es/webpack-informacion-del-build) Updated 2016-09-05. - [Angular 1.5 metodos 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.