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

Overview

Hookpedia

Screenshot

Tabela de Conteúdo

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

You might also like...
A Beautiful Open Source RSS & Podcast App Powered by Getstream.io
A Beautiful Open Source RSS & Podcast App Powered by Getstream.io

🛑 Notice: This repository is no longer maintained; No further Issues or Pull Requests will be considered or approved. Winds - A Beautiful Open Source

This application is being constructed by combining small open source demos into one big application
This application is being constructed by combining small open source demos into one big application

Live Demo on Heroku If this doesn't work, it's probably because it exceeds Heroku's 500MB memory quota for the free tier. Sorry about that. It does wo

Shepherd is an easy-to-use open-source tool for developers to monitor your AWS Lambda functions at a glance.
Shepherd is an easy-to-use open-source tool for developers to monitor your AWS Lambda functions at a glance.

AWS Serverless Function Monitoring Tool Table of Contents About Shepherd Getting Started AWS End Users Installation and Setup Lambda Metrics User Prof

An Afosto search client plugin for the open-source InstantSearch.js library
An Afosto search client plugin for the open-source InstantSearch.js library

Afosto Instant Search Client This library is an Afosto search client plugin for

Nft-marketplace - Reactjs And Smart Contracts Open Source Basic Nft Marketplace App
Nft-marketplace - Reactjs And Smart Contracts Open Source Basic Nft Marketplace App

Open Source Nft Marketplace [Onprogress %1] Reactjs And Smart Contracts Open Sou

Changd - Open source web monitoring application for monitoring visual site changes using screenshots, XPath's or API's
Changd - Open source web monitoring application for monitoring visual site changes using screenshots, XPath's or API's

Changd is a open source web monitoring application and a free alternative to Cha

An open source software engineering study tool that allows users to create topic categories and save useful resources as flashcards.
An open source software engineering study tool that allows users to create topic categories and save useful resources as flashcards.

GitGood An open source software engineering study tool that allows users to create topic categories and save useful resources as flashcards. Want to C

A TypeScript version of the Nextacular project. An open-source starter kit that will help you build full-stack multi-tenant SaaS platforms efficiently and help you focus on developing your core SaaS features. Built on top of popular and modern t…
A TypeScript version of the Nextacular project. An open-source starter kit that will help you build full-stack multi-tenant SaaS platforms efficiently and help you focus on developing your core SaaS features. Built on top of popular and modern t…

Nextacular 🌙 - TypeScript ‼️ Experimental and In Progress - 🚨 Use with caution Quickly launch multi-tenant SaaS applications An open-source starter

Ini adalah kumpulan source code belajar website React JS dari Channel Youtube Prawito Hudoro, Materi CRUD React MERN
Ini adalah kumpulan source code belajar website React JS dari Channel Youtube Prawito Hudoro, Materi CRUD React MERN

MERN Basic Indonesia Screenshot Aplikasi Dokumentasi API https://documenter.getpostman.com/view/10749611/UVXbvKqe Pengertian MERN Mongo DB Adalah suat

Owner
Guilherme Sousa
weirdo from brazil. crafting since 2018.
Guilherme Sousa
Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5

Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5 CSS framework. It features over 100 UI elements, plugins, and example based built with React components.

Themesberg 690 Dec 29, 2022
👨‍🎨 An open-source portfolio template built with React and Tailwind.

??‍?? An open-source portfolio template built with React and Tailwind.

Brayden W 123 Jan 4, 2023
Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16

Airframe React High Quality Dashboard / Admin / Analytics template that works great on any smartphone, tablet or desktop. Available as Open Source as

null 3.8k Jan 5, 2023
Fullstack open source Invoicing application made with MongoDB, Express, React & Nodejs (MERN)

arcinvoice.com MERN Stack Invoicing Application Built with the MERN stack (MongoDB, Express, React and NodeJS). Introduction Key Features Technologies

Panshak Solomon 1.3k Jan 1, 2023
Open-source Spaced Repetition System Built With React.js

Flashy Open-source Spaced Repetition System. View Demo · Report Bug · Request Fe

Sebastian Wojtasik 7 Dec 31, 2022
Echo-soundboard - A free, open-source soundboard made using ElectronJS + React

Echo Soundboard by Performave A free, open-source soundboard made using Electron

Eric Wang 27 Sep 22, 2022
An ethereum, next.js, and react.js boilerplate using only open source libraries

An ethereum, next.js, and react.js boilerplate using only open source libraries

ilyxium 65 Dec 3, 2022
Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoose ODM

?? MERN Stack CRUD Application Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoos

Henok R. Bedassa 20 Dec 19, 2022
An ethereum, next.js, and react.js boilerplate using only open source libraries

An ethereum, next.js, and react.js boilerplate using only open source libraries

Yannik Sood 65 Dec 3, 2022
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.

Tail-Kit A beautiful and large components and templates kit for TailwindCSS 2.0 Tail-Kit is Free and Open Source. It does not change or add any CSS to

null 2.5k Jan 4, 2023