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

Capítulo 1. Lo básico

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

Empecemos con un descargo de responsabilidad: React está hecho para que lo use todo el mundo. De hecho, ¡podrías ir por la vida sin haber leído nunca este libro y seguir utilizando React sin problemas! Este libro profundiza mucho más en React para quienes sentimos curiosidad por su mecanismo subyacente, patrones avanzados y buenas prácticas . Se presta más a conocer cómo funciona React que a aprender a usarlo. Hay muchos otros libros escritos con la intención de enseñar a la gente a utilizar React como usuario final. En cambio, este libro te ayudará a entender React al nivel de un autor de bibliotecas o frameworks en lugar de un usuario final. Siguiendo con ese tema, vamos a sumergirnos juntos en profundidad, empezando por arriba: los temas de nivel más alto y básico. Empezaremos con los fundamentos de React, y luego profundizaremos cada vez más en los detalles de cómo funciona React.

En este capítulo hablaremos de por qué existe React, cómo funciona y qué problemas resuelve. Cubriremos su inspiración y diseño iniciales, y lo seguiremos desde sus humildes comienzos en Facebook hasta la solución predominante que es hoy. Este capítulo es un poco meta (no es un juego de palabras), porque es importante entender el contexto de React antes de sumergirnos en los detalles.