Modelo de Informe Practica #06 - 2022

UCSM Esc. Prof.
de Ingeniería de Sistemas INFORME DE PRÁCTICAS

Septiembre - 2022 DESARROLLO DE
APLICACIONES
Práctica N° 06:
ReactJS
Elaborado por:
© IEEE 2013 The Institute of Electrical and Electronics Engineers, Inc.

Práctica N° 06: ReactJS
ii
GRUPO N° 2
PRÁCTICAS DE DESARROLLO DE APLICACIONES
Presentado por:
2019214536 PERÉZ GONZÁLES, CARLOS ROBERTO
2019352641 TREVINO PARDO, ALBERTO LUIS
20192456137 ZÁRATE MÉNDEZ, LUIS PATRICIO
iii
RECONOCIMIENTOS
Los autores de este trabajo reconocen con gratitud a los creadores del HTML TIM .
PALABRAS CLAVES
HTML, formularios web, sitio WEB,
iv
ÍNDICE
1. RESÚMEN 1
2. INTRODUCCIÓN.......................................................................................................1
3. MARCO TEÓRICO.....................................................................................................1
3.1 HTML.................................................................................................................1
3.2 ASP.Net............................................................................................................. 1
3.3 Sitios WEB.........................................................................................................1
3.4 Tecnología Frontend..........................................................................................2
3.5 Controles de servidor.........................................................................................2
4. EXPERIENCIAS DE PRÁCTICA................................................................................2
4.1 HTML................................................................................................................. 2
4.2 APLICACIÓN WEB............................................................................................3
4.3 PROGRAMACIÓN DE CONTROLES DE SERVIDOR......................................3
5. CONCLUSIONES DE LA PRÁCTICA:........................................................................3
6. CUESTIONARIO........................................................................................................3
7. BIBLIOGRAFÍA.......................................................................................................... 4
v
ÍNDICE DE TABLAS Y FIGURAS
Figura N° 1: Diagrama de Clases........................................................................................3

Figura N° 2: código de función...........................................................................................4
vi
1. RESÚMEN
entonces acá en el 2019 tenemos una herramienta que es el dictado y como verán ya está
escribiendo a pesar que yo no quiero que escriba.
El lenguaje HTML nos permite crear la estructura de un documento web y presentarlo a los
usuarios del mismo, el lenguaje está estructurado de tal forma que nos permite agrupar elementos
bajo un solo contexto para ello también podemos hacer uso de formularios web del tipo HTML. y
así escriben
2. INTRODUCCIÓN
El lenguaje asp dot net nos permite crear sitios web de una manera simple y sencilla permite
también la incrustación de código HTML nativo con lo cual la presentación de páginas web en un
navegador se hace de una forma muy sencilla, debido a que HTML en un pasado no tenía
interactividad mi dinamismo de presentación al no contar con controles dinámicos
aparecieronenelmercadolenguajescomoasp.net y PHP los cuales proveen estas falencias q y en ese
momento carecía HTML con el desarrollar. suficiente
1 ][ 2 ]
1
3. MARCO TEÓRICO
3.1 Qué es JSX?
¿QUÉ ES? ¿CÓMO SE DECLARA? ¿CÓMO LO USO? ¿CUÁNDO LO USO?
3.1.1 Insertando expresiones en JSX

3.1.2 JSX también es una expresión

3.1.3 Especificando atributos con JSX
1
3.1.4 Especificando hijos con JSX

3.1.5 JSX previene ataques de inyección

3.1.6 JSX representa objetos

2
3.2 Componentes
3.2.1 Componentes funcionales y de clase

3.2.2 Componentes de clase

3.2.3 Renderizando un componente

3.2.4 Composición de componentes
3
3.2.5 Extracción de componentes

3.2.6 Las props son de solo lectura

3.3 Estado y ciclo de vida

3.3.1 Convertir una función en una clase
4
3.3.2 Agregar estado local a una clase

3.3.3 Agregar métodos de ciclo de vida a una clase

3.3.4 No modifiques el estado directamente

3.3.5 Las actualizaciones de estado se fusionan
5
3.3.6 Los datos fluyen hacia abajo

3.4 Hooks
3.5 Route
6
4. EXPERIENCIAS DE PRÁCTICA
4.1 EXPERIENCIA DE PRÁCTICA N° 01: Instalación y configuración de Reactjs
Colocar código documentado
4.2 EXPERIENCIA DE PRÁCTICA N° 02: Instalación de las herramientas de

desarrollo de Reactjs
UnaClase::~UnaClase()
{
cout << "Destructor de Clase" << endl;
//delete ptrAtributo;
}
4.3 EXPERIENCIA DE PRÁCTICA N° 03: Desarrollo de componentes

4.4 EXPERIENCIA DE PRÁCTICA N° 04: Manejo de estados en Reactjs

1
4.5 EXPERIENCIA DE PRÁCTICA N° 05: Manejo de Hooks

4.6 EXPERIENCIA DE PRÁCTICA N° 06: Manejo de Routing

5. CONCLUSIONES DE LA PRÁCTICA:
a) La encapsulación de datos se refiere al control de acceso, y al uso de private, protected y
public
b) Los diagramas UML nos ayudan a saber qué tipo de acceso tiene un miembro de clase y
saber qué tipo de variable guarda, atributo, o retorna (o recibe) método.
c) TERCERA1
d) TERCERA2
e) CUARTA1
f) CUARTA2
g) QUINTA1
h) QUINTA2
i) SEXTA1
j) SEXTA2
6. CUESTIONARIO
a) ¿Qué es Reactjs?
b) ¿React utiliza HTML?
2
c) Mencione los dos inconvenientes más significativos de React

d) Indique la diferencia entre el DOM real y el DOM virtual
e) ¿Qué es el concepto Flux en React?
f) Defina el término Redux en React
g) Nombra las características más importantes de React
h) Explique el router de React
i) ¿Qué se entiende por función callback? ¿Cuál es su propósito?
j) Explique el término componente de alto orden
k) ¿Qué son los Props en React js?
l) ¿Cuál es el uso de la palabra clave super en React?
m) Explique la frase clave yield en JavaScript
n) Nombra dos tipos de componentes React
o) Explique el evento sintético en React js
p) ¿Qué es el estado en React?
q) ¿Cómo se puede actualizar el estado en React js?
r) Explique el uso de la función arrow en React
s) ¿Cuáles son los pasos del ciclo de vida de React?
t) Indique la principal diferencia entre Pros y State
u) Explique los componentes puros en React js
v) ¿Qué es 'create-react-app'?
w) Explique el uso de 'key' en react list
x) ¿Qué son los children prop?
y) ¿Cuál es el uso de las etiquetas vacías <> </>?
z) Explique el modo estricto
aa) ¿Qué es el contexto?
bb) ¿Cuál es el uso de Webpack?
cc) ¿Qué es Babel en React js?
dd) ¿Cómo puede un navegador leer un archivo JSX?
ee) ¿Cuáles son los principales problemas de usar la arquitectura MVC en React?
ff) ¿Cómo se puede volver a renderizar un componente sin usar la función setState()?
gg) ¿Se pueden actualizar los props en React?
hh) ¿Se pueden actualizar los valores de los props?
ii) Explica el significado de Mounting y Demounting
jj) Explica los hooks de react
kk) ¿Por qué es necesario utilizar props.children?
ll) ¿Qué es refs?
mm) ¿Qué es ComponentWillMount()
nn) ¿Qué es REFS en React?
7. BIBLIOGRAFÍA
[1] Mozilla, «MDN Web Docs,» mozilla.org, 2018. [En línea]. Available:
3
https://developer.mozilla.org/es/docs/Web/HTML. [Último acceso: 17 08 2022].
[2] deitel, como programar en c++, as: asas, sa.
[3] B. Eckel, Thinking in C++, New Jersey: Prentice Hall, 2000.
8. ENLACES DE REUNIONES
N URL Fecha
°

Modelo de Informe Practica #06 - 2022

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Modelo de Informe Practica #06 - 2022

Cargado por

Copyright:

Formatos disponibles

UCSM Esc. Prof.

de Ingeniería de Sistemas INFORME DE PRÁCTICAS

© IEEE 2013 The Institute of Electrical and Electronics Engineers, Inc.

PRÁCTICAS DE DESARROLLO DE APLICACIONES

HTML, formularios web, sitio WEB,

ÍNDICE DE TABLAS Y FIGURAS

Figura N° 1: Diagrama de Clases........................................................................................3

3.1.1 Insertando expresiones en JSX

3.1.2 JSX también es una expresión

3.1.3 Especificando atributos con JSX

¿QUÉ ES? ¿CÓMO SE DECLARA? ¿CÓMO LO USO? ¿CUÁNDO LO USO?

3.1.4 Especificando hijos con JSX

3.1.5 JSX previene ataques de inyección

3.1.6 JSX representa objetos

3.2.1 Componentes funcionales y de clase

3.2.2 Componentes de clase

3.2.3 Renderizando un componente

3.2.4 Composición de componentes

¿QUÉ ES? ¿CÓMO SE DECLARA? ¿CÓMO LO USO? ¿CUÁNDO LO USO?

3.2.5 Extracción de componentes

3.2.6 Las props son de solo lectura

3.3 Estado y ciclo de vida

3.3.1 Convertir una función en una clase

¿QUÉ ES? ¿CÓMO SE DECLARA? ¿CÓMO LO USO? ¿CUÁNDO LO USO?

3.3.2 Agregar estado local a una clase

3.3.3 Agregar métodos de ciclo de vida a una clase

3.3.4 No modifiques el estado directamente

3.3.5 Las actualizaciones de estado se fusionan

¿QUÉ ES? ¿CÓMO SE DECLARA? ¿CÓMO LO USO? ¿CUÁNDO LO USO?

3.3.6 Los datos fluyen hacia abajo

4.2 EXPERIENCIA DE PRÁCTICA N° 02: Instalación de las herramientas de

4.3 EXPERIENCIA DE PRÁCTICA N° 03: Desarrollo de componentes

4.4 EXPERIENCIA DE PRÁCTICA N° 04: Manejo de estados en Reactjs

4.5 EXPERIENCIA DE PRÁCTICA N° 05: Manejo de Hooks

4.6 EXPERIENCIA DE PRÁCTICA N° 06: Manejo de Routing

c) Mencione los dos inconvenientes más significativos de React

https://developer.mozilla.org/es/docs/Web/HTML. [Último acceso: 17 08 2022].

[2] deitel, como programar en c++, as: asas, sa.

[3] B. Eckel, Thinking in C++, New Jersey: Prentice Hall, 2000.

También podría gustarte