/react-emoji-search

Primary LanguageTypeScript

Projeto de react-emoji-search

📋 Indíce

🚀 Proposta

Tem como objetio criar um sistema de filtro de emojis baseado num json. A filtragem ocorre mediante pesquisa numa search bar.

Conclusões

O projeto apresenta um sistema de pesquisa que filtra resultado a partir do match de palavras ou fragmentos de texto com o nome do emijo ou sua descrição.

Por se tratar de uma busca local ocorre a busca a cada nova letra digitada, mas em sistemas reais isso poderia estar mediante um debounce que atrasa o gatilho da pesquisa. Se quiser travar o re-render da search bar, também é possível usar value de refs para evitar renders adicionais, ou até estratégias como composition.

O algoritmo de filtro foi travado como um para apenas emojis, já tendo conhecimento do array de massa de dados. Um possibilidade é criar uma classe que instancia as condições de filtragem, assim como devolve a função de filtragem, também recebendo o json de dados que se quer filtrar. Para inverter as dependências.

🛠 Feito com



☑️ Pré-requisitos


  • Editor de código de sua preferência (recomendado VS code)
  • Git
  • Gerenciador de pacotes Yarn ou NPM

📝 Procedimentos de instalação


Clone este repositório usando o comando:

git clone https://github.com/JCDMeira/react-emoji-search.git

Na pasta do projeto instale as dependências com uso do npm ou yarn

npm install

ou

yarn install

Inicie o projeto com

npm start

ou

yarn start

😎 Autor