Miguel Ángel Durán García

Imagina que estás en un proyecto y, de repente, hay un error en producción pero, desde el último pase, se han hecho cientos de commits. ¿Cómo sabes qué commit es el culpable? Hacerlo a mano es una tarea difícil… Para ello es bueno conocer git bisect. Bisect significa partir por la mitad y es justamente lo que va a hacer este comando: ir dividiendo toda la pila de commits en dos partes, una parte de la pila contendrá el error y otra parte no.

Cada vez se hacen más entrevistas con Live Coding Challenge. Y la verdad es que no siempre se hacen bien. En este podcast te comparto mi experiencia después de hacer decenas y decenas de procesos de este estilo en mi empresa. Todo lo que he aprendido. Buenas prácticas. Ideas y más.

I share Javascript Challengers in my Instagram. First, I show the challenge. In the next page I give some tips and, later, I give some possible solutions.

I created a video where I created live my own GitHub README and, to make it more interesting, I added some GitHub Actions in order to update my README markdown file with the latest articles from my blog, videos from my Youtube channel and photos from my Instagram.

I created a Spotify playlist with music for coding based on Lofi songs. In the article, I explain why this kind of music is, generally speaking, good for being productive, why I like it, the origins of the genre, and a video of me coding while listening to it.

I created a serie of videos talking about Svelte. Why to learn it, benefits of this framework and videos to learn it from the ground.

To repay the open-source community everything it gave to me since May, I have broadcasted every Friday a course to learn React from zero completely free. The videos are on Youtube, without any ads, and all the source of the project (a gif searcher using the Giphy API) is available for anyone.

I interviewed for more than one hour Guillermo Rauch, CEO, and co-founder of Vercel. Most of the people don't realize that Guillermo is from Argentina and he's a native Spanish speaker. I wanted to give visibility to that as there wasn't almost any content of him speaking in Spanish. It was a very interesting conversation regarding the present and future of web development, the changes in Vercel (just the name changed from ZEIT), and some tips for newcomers in web development.

I created a COVID-19 Spread Simulator as an open-source project to show the people how effective was to stay home during the beginning of the pandemic. It was based on the simulator created by the New York Post and it was used in some Spanish newspapers and media. Also, I helped to perform some forks that were made for internal studies in universities.

I have a podcast about frontend and web development in Spanish. In this episode, I talked with three colleagues to give tips to work from home in a healthy way. It aimed to help people that, because of the COVID-19 situation, needed to adapt their routines.

I love web performance. In my company we're using AWS but, sadly, Cloudfront doesn't come, for now, with native Brotli support. So, I created an extensive step by step tutorial about how to activate it using Lambad@Edge.

I spoke about what's next in web and frontend development, new trends, new exciting capabilities, and why you should always bet to web technologies.

I spoke about how to improve React performance by using some advance techniques used in production in my company. The description of the talk is at follows: Rendering your app on the client is expensive. Quite expensive if you’re using a library such as React. Applying a Server-Side Rendering strategy was the best solution to improve metrics like First Contentful Paint, and enhance the support for crawlers. Until now. How can we improve the user experience in terms of performance while keeping the best support for crawlers? How can we mitigate the hydration cost? How to definitely improve our Time-To-Interactive metric of our React application? In this talk, we will share some of the techniques we have been using in Adevinta as well as our insights after applying them during months in production. We will explore what Dynamic Rendering and Progressive Rendering are, their benefits over the performance, the limitations of each one and how to implement them.