1
00:00:02,390 --> 00:00:08,050
Agora, é claro que as receitas devem ser renderizadas na tela de categoria de refeições, que é a tela que

2
00:00:08,050 --> 00:00:09,850
estamos carregando quando selecionamos uma

3
00:00:09,920 --> 00:00:14,030
categoria e, obviamente, para renderizar qualquer receita, precisamos delas, precisamos de receitas para refeições,

4
00:00:14,030 --> 00:00:20,930
como também as chamo aqui e Começarei adicionando um novo modelo, refeição. js onde defino como deve ser

5
00:00:20,960 --> 00:00:23,880
uma refeição neste aplicativo.

6
00:00:23,890 --> 00:00:25,840
Agora, essa definição extra é opcional,

7
00:00:25,850 --> 00:00:30,060
mas acho que fica mais fácil argumentar sobre nossos dados e sua estrutura.

8
00:00:30,230 --> 00:00:32,540
Então, configurarei uma classe aqui e exportarei

9
00:00:32,690 --> 00:00:39,110
e, nessa classe, adicionarei um construtor que nos permita criar novas refeições pré-configuradas com base na estrutura que

10
00:00:39,110 --> 00:00:41,090
estamos prestes a configurar aqui.

11
00:00:41,090 --> 00:00:44,540
Agora, uma refeição será mais complexa que uma categoria, ela

12
00:00:44,540 --> 00:00:45,710
terá um ID,

13
00:00:46,100 --> 00:00:49,550
mas também terá alguns IDs de categoria aos quais pertence,

14
00:00:49,550 --> 00:00:52,890
portanto, várias categorias às quais uma refeição pode pertencer.

15
00:00:52,970 --> 00:00:54,380
Ele terá um título,

16
00:00:54,380 --> 00:00:55,280
um nome

17
00:00:55,280 --> 00:00:59,750
e, em seguida, terá alguns campos extras, como a acessibilidade de uma

18
00:01:00,200 --> 00:01:02,890
refeição, por isso é caro, é barato?

19
00:01:03,290 --> 00:01:09,990
A complexidade, então quão complexo é fazer esse prato com base nessa receita. Um imageUrl que aponta para uma imagem na Web em

20
00:01:10,000 --> 00:01:15,950
que temos uma bela imagem dessa refeição. A duração que leva alguns minutos

21
00:01:15,950 --> 00:01:23,470
para criar essa refeição, também os ingredientes que devem ser uma matriz, as etapas que precisamos

22
00:01:23,570 --> 00:01:31,220
tomar para fazer essa refeição, portanto, as instruções e os quatro campos que nos ajudam a

23
00:01:31,820 --> 00:01:40,520
filtrar - é o GlutenFree, que marca se é glúten. grátis ou não, então este será um booleano, isVegan,

24
00:01:42,620 --> 00:01:44,240
isVegetarian e isLactoseFree,

25
00:01:44,240 --> 00:01:48,590
esses são os quatro campos que utilizarei neste aplicativo.

26
00:01:48,590 --> 00:01:53,350
Agora, todos os dados que estamos chegando aqui serão armazenados

27
00:01:53,390 --> 00:02:02,000
em propriedades, então aqui definirei esse ID igual ao ID, este ID da categoria igual ao ID da categoria,

28
00:02:02,000 --> 00:02:09,860
este título igual ao título, este imageUrl igual a imageUrl e assim é claro, então, basta armazenar todos

29
00:02:09,890 --> 00:02:16,850
os argumentos que estamos obtendo nas propriedades desse objeto, no final, o objeto será criado

30
00:02:16,850 --> 00:02:18,850
com base na classe.

31
00:02:18,920 --> 00:02:28,250
Então, também vamos dar os passos aqui, é claro, armazenaremos a duração, armazenaremos a complexidade, armazenaremos

32
00:02:28,250 --> 00:02:36,260
a acessibilidade aqui, é claro, em uma propriedade, armazenaremos se é sem glúten e

33
00:02:36,260 --> 00:02:38,990
também é claro que todos

34
00:02:38,990 --> 00:02:48,770
os outros filtros, como o Vegan, este vegetariano também devem ser armazenados e isLactoseFree, que também será armazenado

35
00:02:48,770 --> 00:02:52,150
e, sim, com isso, estou armazenando

36
00:02:52,170 --> 00:02:54,450
todos esses dados.

37
00:02:54,450 --> 00:03:00,890
Agora podemos adicionar alguns dados fictícios, algumas refeições fictícias e, é claro, você os encontrará novamente.

38
00:03:01,020 --> 00:03:10,090
Tudo o que você precisa fazer em um dado fictício. O arquivo js é uma refeição de importação da pasta models e, a partir da refeição. js ou apenas de uma refeição como

39
00:03:10,110 --> 00:03:16,320
esta e agora anexada no arquivo Javascript que você encontra em anexo, você também encontrará a

40
00:03:16,320 --> 00:03:24,270
matriz de refeições que você pode adicionar aqui e que agora é apenas um monte de receitas que eu preparei para

41
00:03:24,480 --> 00:03:29,290
você, que usa ou que usa todos os campos montamos em nosso modelo.

42
00:03:29,340 --> 00:03:31,510
Agora, com esses dados fictícios com os

43
00:03:31,530 --> 00:03:37,470
quais trabalhamos, agora vamos começar a trabalhar com isso e vamos renderizar uma lista dessas refeições na tela de categoria refeições.

44
00:03:37,470 --> 00:03:43,860
Obviamente, apenas as refeições que se encaixam na categoria que selecionamos e que possuem nosso código de categoria.