Git Product home page Git Product logo

usehooks.ts's Introduction

useHooks(๐Ÿ”ฅ).ts

React hook library, ready to use, written in Typescript.

โ€” usehooks-typescript.com โ€”

README Sections: About - Hook Summary - Installation - Made with - Contributing - License

Netlify Status Open Source? Yes! Maintained License

๐Ÿค” About

This is the repository for usehooks.ts, a Gatsby powered blog hosted with Github & netlify that publishes easy to understand React Hook code snippets.

UseHooks.ts has been strongly inspired by usehooks.com, thanks to him. My objective here is to publish my hooks in Typescript in order to find them quickly

If you'd like to submit new post ideas, improve existing posts, or change anything about the website feel free to submit an issue or pull-request.

๐Ÿ“– Summary

๐Ÿ‘‰ Installation

Note: The project use Node@14 and npm@6.

# Clone the repository
git clone https://github.com/juliencrn/usehooks.ts.git
cd useHooks.ts

# Install dependencies
npm i

# Start
npm start

Others scripts

# Production
npm run build # Create production bundle
npm run serve # Run production bundle

# Development
npm run start # Start and watch app locally
npm run develop # Same as above
npm run clean # Remove gatsby cache and previous builds
npm run lint # Run Eslint checker
npm run lint-fix # Same as above and do fix automatically
npm run format # Run Prettier and do fix automatically
npm run check # Run Typescript types checker
npm run test # Exec lint, check and run Jest
npm run test:watch # Same as above in watch mode
npm run upgrade-interactive # Interactive CLI app to upgrade dependencies

# Content
npm run plop # Create a hook component with CLI tool
npm run copy:hooks # Create *.mdx files from hook's source code
npm run update:readme # Update hooks summary in readme

See more in package.json.

๐Ÿ™Œ Made with

React - Typescript - Gatsby - Material-ui - Jest - @testing-library - Mdx - Prism - Dracula colors

๐Ÿš— Roadmap

  • Add new hooks
  • Set up automated tests for hooks
  • Add a live preview system to interact with hooks

๐Ÿค Contributing

Contributions, issues and feature requests are welcome!

Feel free to check issues page.

๐Ÿ’š Support the project

Give a โญ if this project helped you!

Thanks! โค๏ธ

๐Ÿ“ License

Copyright ยฉ 2020 Julien Caron.

This project is MIT licensed.


Built with โค๏ธ with Gatsby & Typescript

usehooks.ts's People

Contributors

elifer5000 avatar joaoderoldo avatar jonkoops avatar juliencrn avatar lonerifle avatar nishit-dua avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.