All Projects → lijinke666 → react-7h-hooks

lijinke666 / react-7h-hooks

Licence: MIT license
(持续增加中)提供一些偏业务的实用 react hooks, 让你每天只工作 7 小时 !

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to react-7h-hooks

Beautiful React Hooks
🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥
Stars: ✭ 5,242 (+34846.67%)
Mutual labels:  react-hooks
React Cloud Music
React 16.8打造精美音乐WebApp
Stars: ✭ 1,722 (+11380%)
Mutual labels:  react-hooks
React Form
⚛️ Hooks for managing form state and validation in React
Stars: ✭ 2,270 (+15033.33%)
Mutual labels:  react-hooks
React Adaptive Hooks
Deliver experiences best suited to a user's device and network constraints
Stars: ✭ 4,750 (+31566.67%)
Mutual labels:  react-hooks
React Native Firebase
🔥 A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services.
Stars: ✭ 9,674 (+64393.33%)
Mutual labels:  react-hooks
React Firebase Hooks
React Hooks for Firebase.
Stars: ✭ 2,227 (+14746.67%)
Mutual labels:  react-hooks
React Hook Form
📋 React Hooks for form state management and validation (Web + React Native)
Stars: ✭ 24,831 (+165440%)
Mutual labels:  react-hooks
Reactfire
Hooks, Context Providers, and Components that make it easy to interact with Firebase.
Stars: ✭ 2,908 (+19286.67%)
Mutual labels:  react-hooks
Graphql Hooks
🎣 Minimal hooks-first GraphQL client
Stars: ✭ 1,610 (+10633.33%)
Mutual labels:  react-hooks
Mobx React Lite
Lightweight React bindings for MobX based on React 16.8 and Hooks
Stars: ✭ 2,096 (+13873.33%)
Mutual labels:  react-hooks
Hooks
A high-quality & reliable React Hooks library.
Stars: ✭ 7,841 (+52173.33%)
Mutual labels:  react-hooks
Formik
Build forms in React, without the tears 😭
Stars: ✭ 29,047 (+193546.67%)
Mutual labels:  react-hooks
Use Http
🐶 React hook for making isomorphic http requests
Stars: ✭ 2,066 (+13673.33%)
Mutual labels:  react-hooks
The Platform
Web. Components. 😂
Stars: ✭ 4,355 (+28933.33%)
Mutual labels:  react-hooks
Fre
👻 Tiny Footprint Concurrent UI library for Fiber.
Stars: ✭ 3,195 (+21200%)
Mutual labels:  react-hooks
Easy Peasy
Vegetarian friendly state for React
Stars: ✭ 4,525 (+30066.67%)
Mutual labels:  react-hooks
Rxjs Hooks
React hooks for RxJS
Stars: ✭ 1,953 (+12920%)
Mutual labels:  react-hooks
react-hooks-lifecycle
⚛️ 🪝 ⏳ React hooks lifecycle diagram: Functional components lifecycle explained
Stars: ✭ 194 (+1193.33%)
Mutual labels:  react-hooks
Project chat application
This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, Node.js, Express.js, and Socket.io.
Stars: ✭ 2,966 (+19673.33%)
Mutual labels:  react-hooks
Haunted
React's Hooks API implemented for web components 👻
Stars: ✭ 2,197 (+14546.67%)
Mutual labels:  react-hooks

logo

react-7h-hooks

提供一些偏业务的实用 react hooks, 让你每天只工作 7 小时 !

npm npm npm version Language grade: JavaScript

📦 安装

使用 npm

npm i react-7h-hooks --save

使用 yarn

yarn add react-7h-hooks

📝 如何使用

import React from 'react'
import { useTrimInput } from 'react-7h-hooks'

export const Example = () => {
  const [trimValue, setTrimValue] = useTrimInput()
  const [fullTrimValue, setFullTrimValue] = useTrimInput(true)
  return (
    <>
      <input
        value={trimValue}
        onChange={setTrimValue}
      />
      <input
        value={fullTrimValue}
        onChange={setFullTrimValue}
      />
    </>
  )
}

📖 文档

https://react-7h-hooks.netlify.com/

推荐

📄 License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].