book

React fluido

by Tejas Kumar

September 2024

Intermediate to advanced

336 pages

9h 15m

Spanish

O'Reilly Media, Inc.

Book available

Read now

Unlock full access

Convenciones utilizadas en este libroAprendizaje en línea O'ReillyCómo contactar con nosotrosAgradecimientos
¿Por qué existe React?El mundo antes de reaccionarjQueryRed troncalKnockoutJSAngularJSEntra en ReactLa propuesta de valor de ReactLiberar ReactLa Arquitectura FluxVentajas de la Arquitectura FluxConclusión: ¿Por qué existe React?Revisión de capítulosPreguntas de repasoSiguiente
¿JavaScript XML?Ventajas de JSXInconvenientes de JSXBajo el capó¿Cómo funciona el código?Ampliar la sintaxis de JavaScript con JSXEl pragma JSXExpresionesRevisión de capítulosPreguntas de repasoA continuación
Introducción al DOM virtualEl verdadero DOMTrampas del DOM realFragmentos de documentosCómo funciona el DOM virtualElementos ReactDOM virtual frente a DOM realActualizaciones eficientesRevisión de capítulosPreguntas de repasoA continuación
Comprender la conciliaciónDosificaciónEstado de la TécnicaReconciliador de pilas (heredado)El Reconciliador de FibrasLa fibra como estructura de datosDoble amortiguaciónReconciliación de fibrasRevisión de capítulosPreguntas de repasoSiguiente
Memoización con React.memoConseguir fluidez en React.memoComponentes Memoizados Que Siguen RenderizandoEs una directriz, no una reglaMemoización con useMemouseMemo Considerado PerjudicialOlvídate de todo estoCarga perezosaMayor control de la IU con SuspenseuseState Versus useReducerImmer y ErgonomíaPatrones poderososComponentes de presentación/contenedorComponente de orden superiorRenderizar accesoriosPuntales de controlColecciones de atrezzoComponentes compuestosReductor de EstadoRevisión de capítulosPreguntas de repasoSiguiente
Limitaciones de la renderización del lado del clienteSEORendimientoSeguridadEl auge del renderizado de servidorVentajas de la renderización en servidorHidrataciónLa hidratación se considera perjudicialCrear renderizado de servidorAñadir manualmente la renderización del servidor a una aplicación React de sólo clienteHidratanteAPIs de renderizado de servidor en ReactrenderToStringrenderToPipeableStreamrenderToReadableStreamCuándo utilizar quéNo te enrollesRevisión de capítulosPreguntas de repasoSiguiente
El problema de la renderización síncronaRevisando la fibraProgramar y aplazar actualizacionesProfundizarEl ProgramadorRender LanesCómo funcionan los carriles de renderizadoVías de procesamientoFase de compromisouseTransitionEjemplo sencilloEjemplo avanzado: NavegaciónProfundizaruseDeferredValueFinalidad de useDeferredValueCuándo utilizar useDeferredValueCuándo no utilizar useDeferredValueProblemas con el renderizado concurrenteDesgarroRevisión de capítulosPreguntas de repasoSiguiente
Por qué necesitamos un marcoRenderizado del servidorEnrutamientoObtención de datosVentajas de utilizar un marcoContrapartidas de utilizar un marcoFrameworks React popularesRemezclaSiguiente.jsElegir un marcoComprender las necesidades de tu proyectoSiguiente.jsRemezclaContrapartidasExperiencia como desarrolladorRendimiento en tiempo de ejecuciónRevisión de capítulosPreguntas de repasoSiguiente

BeneficiosRenderizado del servidorBajo el capóActualizacionesNuanceReglas de los componentes del servidorLa serializabilidad es el reySin ganchos eficacesEl Estado no es el EstadoLos componentes cliente no pueden importar componentes servidorLos componentes cliente no son malosAcciones del servidorFormas y mutacionesFuera de los formulariosEl futuro de los componentes de servidor ReactRevisión de capítulosPreguntas de repasoSiguiente
Vue.jsSeñalesSimplicidadAngularDetección de cambiosSeñalesEsbeltaRunasSólidoQwikPatrones comunesArquitectura basada en componentesSintaxis declarativaActualizacionesMétodos del ciclo de vidaEcosistema y herramientasReaccionar no es reaccionarEjemplo 2: Valores dependientesEl futuro de ReactReacciona OlvidaRevisión de capítulosPreguntas de repasoSiguiente
Para llevarNuestro calendarioLa mecánica detrás de la magiaAventuras avanzadasEstar al día

Overview

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com

Cuando se trata de construir interfaces de usuario en la web, React permite a los desarrolladores web desbloquear un nuevo mundo de posibilidades. Este práctico libro te ayuda a profundizar en los conceptos fundamentales de esta biblioteca JavaScript, incluida la sintaxis JSX y los patrones avanzados, el DOM virtual, la reconciliación React y las técnicas avanzadas de optimización. Al adquirir fluidez en React, aprenderás rápidamente a crear mejores aplicaciones web.

El autor Tejas Kumar te ayuda a explorar las profundidades de React en un inglés sencillo, sin la típica jerga de la ingeniería de software, para que puedas entender más fácilmente cómo funciona esta biblioteca JavaScript. Aprenderás a escribir código React intuitivo que comprenda plenamente los matices y capas de React, desbloqueando un nuevo nivel de fluidez.

Lo harás:

Comprenderás cómo funciona React a un nivel más profundo
Escribirás aplicaciones React optimizándolas sobre la marcha
Construye aplicaciones React resistentes que funcionen bien a escala arbitraria
Crea aplicaciones React para otras plataformas adyacentes a la web y los dispositivos móviles
Saber cuándo recurrir a los distintos mecanismos expuestos por React, como reductores frente a estado frente a refs