¿Tú o un ser querido sufren de la práctica demasiado común de 'useEffect'? ¿Has vuelto a renderizar más veces de las que puedes contar? ¿Estás listo para revolucionar tu código React?
Explora cómo optimizar el rendimiento, simplificar tu código y reducir errores desafiando el uso convencional de 'useEffect'.
Inspirado por los propios Documentos de React, esta charla te guiará a través de escenarios comunes de 'useEffect', demostrando alternativas poderosas para mejorar tu base de código. ¡Abraza la simplicidad y eleva tus habilidades de desarrollo de React con nosotros!
"Puede que no necesites un efecto... Eliminar los Efectos innecesarios hará que tu código sea más fácil de seguir, más rápido de ejecutar y menos propenso a errores."
Lo creas o no, ¡esa introducción se ha tomado directamente de los Documentos de React!
Back then, Ivan didn’t know how to use performance devtools well. He would do a recording in Chrome DevTools or React Profiler, poke around it, try clicking random things, and then close it in frustration a few minutes later. Now, Ivan knows exactly where and what to look for. And in this workshop, Ivan will teach you that too.
Here’s how this is going to work. We’ll take a slow app → debug it (using tools like Chrome DevTools, React Profiler, and why-did-you-render) → pinpoint the bottleneck → and then repeat, several times more. We won’t talk about the solutions (in 90% of the cases, it’s just the ol’ regular useMemo() or memo()). But we’ll talk about everything that comes before – and learn how to analyze any React performance problem, step by step.
(Note: This workshop is best suited for engineers who are already familiar with how useMemo() and memo() work – but want to get better at using the performance tools around React. Also, we’ll be covering interaction performance, not load speed, so you won’t hear a word about Lighthouse 🤐)