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

Content preview from React fluido

Prefacio

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

Este libro no es para personas que quieran aprender a utilizar React. Si no estás familiarizado con React y buscas un tutorial, un buen lugar para empezar es la documentación de React en react.dev. En cambio, este libro es para los curiosos: gente que no está tan interesada en cómo utilizar React, pero que está más interesada en cómo funciona React.

Durante el tiempo que pasemos juntos, recorreremos una serie de conceptos de React y comprenderemos su mecanismo subyacente, explorando cómo encaja todo para permitirnos crear aplicaciones utilizando React de forma más eficaz. En nuestra búsqueda de la comprensión del mecanismo subyacente, desarrollaremos los modelos mentales necesarios para razonar sobre React y su ecosistema con un alto grado de fidelidad.

Este libro asume que hemos comprendido satisfactoriamente esta afirmación: los navegadores renderizan páginas web. Las páginas web son documentos HTML a los que se aplica estilo mediante CSS y que se hacen interactivos con JavaScript. También asume que estamos algo familiarizados con el uso de React y que hemos creado una o dos aplicaciones React. Lo ideal sería que algunas de nuestras aplicaciones React estuvieran en producción.

Empezaremos con una introducción a React y recapitularemos su historia, remontándonos a 2013, cuando se publicó por primera vez como software de código abierto. A partir de ...