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 2. JSX

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

En el Capítulo 1, conocimos los fundamentos de React y su historia de origen, comparándolo con otras bibliotecas y frameworks de JavaScript populares de su época. Conocimos la verdadera propuesta de valor de React y por qué existe.

En este capítulo, aprenderemos sobre JSX, que es una extensión de sintaxis para JavaScript que nos permite escribir código similar a HTML dentro de nuestro código JavaScript. Cuandose introdujo React en 2013, fue lo primero en lo que la gente reparó y criticó duramente,así que tiene sentido centrarse en ello tan pronto en el libro. Con eso, vamos a profundizar en esta extensión del lenguaje, cómo funciona y cómo podemos crear conceptualmente nuestro propio código.

Para empezar nuestra discusión, entendamos qué significa JSX. Ya sabemos que JS es JavaScript. ¿Significa eso que JSX es JavaScript versión 10? ¿Como Mac OS X? ¿Es JS Xtra? Podemos pensar que la X de JSX significa 10 o Xtra, ¡que serían dos buenas suposiciones! Pero la X de JSX significa JavaScript Syntax eXtension. A veces también se llamaJavaScript XML.

¿JavaScript XML?

Si llevas un tiempo en la web, puede que recuerdes el términoAJAX, o Asynchronous JavaScript and XML (JavaScript y XML asíncronos), de alrededor de la década de 2000. AJAX era esencialmente una nueva forma de utilizar las tecnologías existentes para crear páginas web altamente interactivas ...