1
00:00:00,150 --> 00:00:07,140
Entonces vamos a desacoplar el listado de cliente del componente clientes que tenemos.

2
00:00:07,260 --> 00:00:12,180
Vamos a ir al clientes y acá tenemos clientes component.

3
00:00:13,080 --> 00:00:16,950
La idea es quitar esto y llevarlo a un archivo externo.

4
00:00:17,160 --> 00:00:25,860
Entonces creamos clientes, un nuevo archivo nuevo file que le vamos a llamar clientes punto Yeison,

5
00:00:25,860 --> 00:00:26,960
punto TS,

6
00:00:30,060 --> 00:00:30,410
enter.

7
00:00:31,050 --> 00:00:36,090
Vamos a vamos a copiar todo lo que tenemos acá y lo dejamos acá.

8
00:00:37,200 --> 00:00:40,290
Vamos a quitar el arreglo.

9
00:00:40,650 --> 00:00:43,680
Simplemente lo dejamos de esta forma, sin valor.

10
00:00:43,830 --> 00:00:46,310
Vamos a copiar el import cliente.

11
00:00:47,310 --> 00:00:55,920
Lo dejamos acá al principio y en vez de clientes sería export para que se pueda exportar.

12
00:00:56,070 --> 00:00:57,330
Iba a ser una constante.

13
00:00:59,580 --> 00:01:00,780
Entonces es por.

14
00:01:01,290 --> 00:01:04,230
Clientes en plural y todo sigue igual.

15
00:01:04,530 --> 00:01:11,160
Guardamos y acá tenemos que importar clientes del archivo.

16
00:01:11,190 --> 00:01:12,150
Clientes.

17
00:01:12,240 --> 00:01:13,500
Jason discri.

18
00:01:19,090 --> 00:01:21,370
Entonces importamos la constante.

19
00:01:21,520 --> 00:01:23,320
Por eso se define con Exporto.

20
00:01:26,860 --> 00:01:28,030
From su ubicación

21
00:01:30,940 --> 00:01:33,150
clientes punto Jason.

22
00:01:33,790 --> 00:01:38,050
Recordemos que el descrip nos incluye ahora que lo tenemos importado.

23
00:01:38,200 --> 00:01:44,410
Podemos asignar el valor clientes igual clientes, es decir, clientes.

24
00:01:44,500 --> 00:01:51,460
El atributo igual el valor de la constante que estamos importando y lo vamos a implementar en el evento

25
00:01:51,520 --> 00:01:52,060
o init.

26
00:01:52,180 --> 00:01:57,580
Recordemos que este evento es cuando se inicia el componente, así que estaría perfecto asignar dist

27
00:01:57,580 --> 00:02:04,810
clientes con el valor de la constante clientes y guardamos.

28
00:02:04,900 --> 00:02:05,980
Y eso sería todo el cambio.

29
00:02:06,070 --> 00:02:08,020
Queda mucho más ordenado que más limpio.

30
00:02:08,260 --> 00:02:16,030
Y por supuesto queda en un archivo separado, simulando como si fuera un Jasso que viene de un repositorio

31
00:02:16,120 --> 00:02:18,690
de una API rest o bien de una asiado.

32
00:02:18,880 --> 00:02:24,790
Pero por ahora la idea es entender bien la estructura y después no vamos a implementar el API irres

33
00:02:24,850 --> 00:02:25,420
con Spring.

34
00:02:25,540 --> 00:02:27,130
Vamos a ejecutar.

35
00:02:27,310 --> 00:02:28,120
Guardamos.

36
00:02:30,650 --> 00:02:31,820
Nos vamos al terminal.

37
00:02:40,650 --> 00:02:43,140
Y todo sigue funcionando tal como estaba antes.

38
00:02:43,380 --> 00:02:43,920
Perfecto.

39
00:02:44,160 --> 00:02:46,140
Bien, entonces quedamos hasta acá.

40
00:02:46,290 --> 00:02:49,020
Cualquier duda que tengan la revisamos en el foro.

41
00:02:49,290 --> 00:02:50,130
Hasta la próxima.
