FRAMEWORK REACT

Framework React

Jorge Ignacio Gcia Vega IDS TV 7mo. Semestre

Objetivo

RELEVANCIA

RELEVANCIA React es uno de los frameworks más populares y ampliamente utilizados para el desarrollo de interfaces de usuario (UI) en aplicaciones web y móviles. Su relevancia radica en su capacidad para crear interfaces de usuario interactivas, eficientes y escalables. A medida que la demanda de experiencias web y móviles más dinámicas y receptivas ha aumentado, React se ha convertido en una opción fundamental para desarrolladores y empresas que buscan crear aplicaciones modernas y de alta calidad.

El objetivo principal de React es simplificar la creación de interfaces de usuario complejas y dinámicas, permitiendo a los desarrolladores construir componentes reutilizables y gestionar el estado de manera eficiente.

• Componentización
• Virtual DOM (DOM Virtual):
• Unidireccionalidad de Datos
• Declaratividad
• Compatibilidad con Móviles

Reactividad

ESTRUCTURA

ESTRUCTURA

React no fuerza a tener ninguna estructura de proyecto en particular. Lo bueno de ello es que te permite tener la estructura que mejor se adapte a lo que necesites. Lo malo es que no es posible tener una estructura ideal que funcione en todos los proyectos.

Es una librería open source de JavaScript para desarrollar interfaces de usuario. Fue lanzada en el año 2013 y desarrollada por Facebook, quienes también la mantienen actualmente junto a una comunidad de desarrolladores independientes y compañías. Hoy en día muchas empresas de primer nivel utilizan React para el desarrollo de sus aplicaciones, y es que entre ellas podemos encontrar Facebook, Instagram y el cliente web de WhastApp (todas propiedad de Facebook), y otras como AirBnb, Uber, Netflix, Twitter, Reddit o Paypal. Desde su lanzamiento, su uso ha ido incrementando notablemente, convirtiéndose, a día de hoy, en una de las tecnologías front-end más utilizadas

ORGANIZACION

CLARIDAD Y COMPRENCION

La Transpilación propiamente dicha es un proceso que convierte el código de React a código nativo de JavaScript, es decir, permite que esa sintaxis no soportada sea totalmente interpretable por los navegadores. La herramienta utilizada para este proceso se llama Babel.

• Documentacion detallada
• Enfoque declarativo
• componentizacion
• comunidad activa
• herramientas de dedsarrollo
• framework y bibliotecas ad.
• unidireccionalidad de datos

Si bien React es relativamente fácil de aprender, hay aspectos más avanzados y complejos que pueden requerir tiempo y práctica para dominar. Algunos conceptos, como el ciclo de vida de los componentes, los Hooks y la optimización del rendimiento, pueden presentar desafíos adicionales. Sin embargo, la amplia gama de recursos de aprendizaje disponibles y la comunidad activa hacen que la claridad y la comprensión de React sean accesibles para desarrolladores de diferentes niveles de experiencia.

CREATIVIDAD

La creatividad en React no solo se limita a la apariencia visual, sino también a la funcionalidad, la experiencia del usuario y la arquitectura general de la aplicación. Al aprovechar las características de React de manera innovadora y explorar nuevas técnicas, puedes crear aplicaciones que se destaquen y proporcionen una experiencia única para los usuarios.

EBIBLIOGRAFIA

https://chat.openai.com/

https://www.google.com/search?sca_esv=556658825&rlz=1C1CHBF_esMX1022MX1022&hl=es-419&q=organizacion+DE+REACT+definicion&tbm=isch&source=lnms&sa=X&ved=2ahUKEwjT8OHvvtuAAxWAPEQIHT8RDQ0Q0pQJegQIChAB&biw=1024&bih=493&dpr=1.88#imgrc=Yiw6k1kikDGQrM

https://openwebinars.net/blog/que-es-react/

Storyboard Genial

Lorem ipsum dolor sit amet

9''-11''

Escena 02

0''-9''

Escena 01

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam. Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt lorem ips.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam. Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt lorem ips.

14''-18''

Escena 04

11''-14''

Escena 03

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam. Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt lorem ips.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam. Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt lorem ips.

Escena 03

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum lorem sit amet. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Escena 04

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum lorem sit amet. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Escena 02

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum lorem sit amet. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Escena 01

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum lorem sit amet. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.