hookpedia icon indicating copy to clipboard operation
hookpedia copied to clipboard

🎣 Um website/repositório open source de React Hooks voltado para a comunidade brasileira!


Hookpedia

Screenshot

Tabela de Conteúdo

  • Tabela de Conteúdo
  • Sobre o Projeto
    • Feito Com
  • Funções
  • Roadmap
  • Contribuição
  • Licença
  • Contato

Sobre o Projeto

Hookpedia é um website repositório de React Hooks, criado para agregar conhecimento e práticas aconselhadas entre desenvolvedores React. Qualquer pessoa pode adicionar código ao repositório, abrindo um pull request com o código desejado, ou enviando uma issue de correção sobre algum hook.

Muitos dos Hooks originais do projeto vieram do repositório aberto useHooks, que tem o mesmo propósito e tem seu código sob a licença Unlicense.

Feito Com

Abaixo segue o que foi utilizado na criação do website:

  • React - O React é uma biblioteca JavaScript para criar interfaces de usuário;
  • Next.js - O Next.js é um framework React que ajuda a ter uma experiência melhor com ferramentas de desenvolvimento;
  • Chakra UI - O Chakra UI é uma biblioteca de componentes React para construir interfaces.
  • Markdown - O Markdown é uma linguagem simples de marcação que converte seu texto em HTML válido;
    • React Markdown - O React Markdown é uma biblioteca para renderização de Markdown em componentes React;
    • Remark GFM - O Remark GFM é um plugin para interpretadores de Markdown que adiciona suporte a sintaxe GitHub-Flavored Markdown.
  • React Syntax Highlighter - O React Syntax Highlighter é um componente para exibir sintaxe de código com ênfase léxica.
  • Axios - O Axios é um cliente HTTP baseado em Promises para Browser e NodeJS;
  • ESLint - O ESLint é uma ferramenta de lint plugável para JavaScript e JSX;
  • Prettier - O Prettier atualiza seu código automaticamente seguindo os padrões que você quiser toda vez salva o arquivo;

Funções

  • Você pode apertar Cntrl/Cmd + K para abrir uma caixa de busca de Hooks.
  • Você pode usar o botão "Veja em TypeScript/JavaScript" para alterar entre código com ou sem tipagem.
  • Você pode compartilhar o link do código de algum hook via Twitter.

Roadmap

  • [ ] Adicionar contador de favoritos em Hooks
  • [ ] Adicionar comentários nas páginas de Hooks
  • [ ] Criar página de instruções para contribuição

Contribuição

Contribuições fazem o ambiente Open Source ficar muito mais interessante! Qualquer contribuição que você fizer será muito apreciada.

  1. Faça um Fork do projeto
  2. Crie uma Branch para sua Feature (git checkout -b feat/yeyy)
  3. Adicione suas mudanças (git add .)
  4. Comite suas mudanças (git commit -m 'Adicionando uma Feature incrível!)
  5. Faça o Push da Branch (git push origin feat/yeyy)
  6. Abra um Pull Request

Caso você eseja interessado em fazer uma contribuição para algum Hook específico, você pode criar uma issue com o nome do seu hook (ou o hook que deseja alterar), mostrar seu código e especificar seu funcionamento.

Licença

Distribuído sob a licença MIT. Veja LICENSE para mais informações.

Contato

Guilherme da Silva Sousa
LinkedIn
Twitter
Portfólio