https://takao.blog/es/tags/concurrent/Recent content in Concurrent on Commentary of TakaoHugo -- gohugo.ioesCommentary of TakaoSun, 12 Jul 2026 04:12:51 +0900https://takao.blog/es/web/react-concurrent/Fri, 06 Dec 2024 00:00:00 +0900https://takao.blog/es/web/react-concurrent/<img src="https://takao.blog/img/thumbnail/react-concurrent-es.png" alt="Featured image of post React Concurrent: Guía de renderizado concurrente" /><p>El renderizado concurrente de React permite que React interrumpa el trabajo de renderizado para manejar eventos de mayor prioridad. Con React 18+, <code>startTransition</code> y <code>useDeferredValue</code> permiten actualizaciones no urgentes sin bloquear la UI.</p> <h2 id="starttransition">startTransition </h2><p>Marca una actualización de estado como transición. React puede interrumpirla para manejar eventos urgentes como entrada de teclado.</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-jsx" data-lang="jsx"><span style="display:flex;"><span><span style="color:#a6e22e">startTransition</span>(() =&gt; { <span style="color:#a6e22e">setSearchQuery</span>(<span style="color:#a6e22e">input</span>); }); </span></span></code></pre></div><h2 id="usedeferredvalue">useDeferredValue </h2><p>Aplaza un valor para que React pueda mostrar contenido antiguo mientras carga el nuevo. Útil para búsquedas en listas grandes.</p>