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: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/guilherssousa/hookpedia
• Owner: guilherssousa
• Created: 2022-03-19T12:03:51.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-08-31T12:43:38.000Z (about 2 years ago)
• Last Synced: 2024-02-17T12:40:32.359Z (7 months ago)
• Topics: chakra-ui, hooks, nextjs, react, wiki
• Language: JavaScript
• Homepage: https://hookpedia.now.sh
• Size: 1.5 MB
• Stars: 27
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        







  

    

    



    

  



## 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)