- Principal premissa foi dar introdução nos Eventos, e Estados Globais do REACT, com o objetivo de filtrar um script para implementar a base de dados de produtos, bem como a função que busca os produtos por preço:
- O sistema possibilita a aplicação de vários conhecimentos importantes das disciplinas de fundamentos.
- O sistema contem as principais funcionalidades que se espera de um profissional iniciante deve saber construir.
Foi desenvolvido um sistema para gerenciar as informações dos participantes das atividades de um evento acadêmico. As atividades deste evento podem ser, por exemplo, palestras, cursos, oficinas práticas, etc. Cada atividade que ocorre possui nome, descrição, preço, e pode ser dividida em vários blocos de horários (por exemplo: um curso de HTML pode ocorrer em dois blocos, sendo necessário armazenar o dia e os horários de início de fim do bloco daquele dia). Para cada participante, deseja-se cadastrar seu nome e email.
- O corpo da tela deve ser um componente (na imagem abaixo: ListingBody) que possui dois filhos: o card de filtro, e o card de listagem. Você DEVE implementar um evento para fazer o componente de filtro notificar os parâmetros de filtragem dos produtos:
- No cabeçalho DEVE aparecer o número de produtos listados. Esse número DEVE observar e reagir às mudanças na listagem. Para isto, mantenha um estado global utilizando a Context API.
- JavaScript
- ReactJS
- TypeScript
# clonar repositório
git clone https://github.com/PauloSergioo/Desafio-DSFilter
# instalar dependências
yarn install
# executar o projeto
yarn dev