Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/guilherssousa/hookpedia

🎣 Um website/repositório open source de React Hooks voltado para a comunidade brasileira!
https://github.com/guilherssousa/hookpedia

chakra-ui hooks nextjs react wiki

Last synced: 3 months ago
JSON representation

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

Awesome Lists containing this project

README 

        








  

    Hookpedia

    



    Screenshot

  




## Tabela de Conteúdo



- [Tabela de Conteúdo](#tabela-de-conte%C3%BAdo)

- [Sobre o Projeto](#sobre-o-projeto)

  - [Feito Com](#feito-com)

- [Funções](#features)

- [Roadmap](#features)

- [Contribuição](#contribui%C3%A7%C3%A3o)

- [Licença](#licen%C3%A7a)

- [Contato](#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**](https://usehooks.com/), 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](https://pt-br.reactjs.org/) - O React é uma biblioteca JavaScript para criar interfaces de usuário;

- [Next.js](https://nextjs.org/) - O Next.js é um framework React que ajuda a ter uma experiência melhor com ferramentas de desenvolvimento;

- [Chakra UI](https://chakra-ui.com/) - O Chakra UI é uma biblioteca de componentes React para construir interfaces.

- [Markdown](https://pt.wikipedia.org/wiki/Markdown) - O Markdown é uma linguagem simples de marcação que converte seu texto em HTML válido;

	- [React Markdown](https://github.com/remarkjs/react-markdown) - O React Markdown é uma biblioteca para renderização de Markdown em componentes React;

	- [Remark GFM](https://www.npmjs.com/package/remark-gfm) - O Remark GFM é um plugin para interpretadores de Markdown que adiciona suporte a sintaxe GitHub-Flavored Markdown.

- [React Syntax Highlighter](https://github.com/react-syntax-highlighter/react-syntax-highlighter) - O React Syntax Highlighter é um componente para exibir sintaxe de código com ênfase léxica.

- [Axios](https://github.com/axios/axios) - O Axios é um cliente HTTP baseado em Promises para Browser e NodeJS;

- [ESLint](https://eslint.org/) - O ESLint é uma ferramenta de lint plugável para JavaScript e JSX;

- [Prettier](https://prettier.io/) - 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](https://linkedin.com/in/guilhermedasilvasousa)\

[Twitter](https://twitter.com/krteazy)\

[Portfólio](https://guilherssousa.github.io)