All Projects β†’ a7ul β†’ use-redux-hook

a7ul / use-redux-hook

Licence: other
A simple react hook to get access to redux store

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to use-redux-hook

useAudioPlayer
Custom React hook & context for controlling browser audio
Stars: ✭ 176 (+1253.85%)
Mutual labels:  hooks, react-hook
roover
🐱 A lightweight audio library for React apps.
Stars: ✭ 70 (+438.46%)
Mutual labels:  hooks, react-hook
Portfolio-2020
Simple reactjs portfolio of Motasim Foad
Stars: ✭ 102 (+684.62%)
Mutual labels:  hooks, react-hook
useStateMachine
The <1 kb state machine hook for React
Stars: ✭ 2,231 (+17061.54%)
Mutual labels:  hooks, react-hook
react-use-comlink
Three ways to use Comlink web workers through React Hooks (and in a typesafe manner).
Stars: ✭ 39 (+200%)
Mutual labels:  hooks, react-hook
useCustomHooks
πŸ“¦ npm package containing a set of custom hooks for your next React project.
Stars: ✭ 12 (-7.69%)
Mutual labels:  hooks, react-hook
arc-progress
🐳 Arc circular animation progress bar drawn by canvas, you can used in the react component, or no dependence.
Stars: ✭ 42 (+223.08%)
Mutual labels:  hooks, react-hook
use-prefers-color-scheme
πŸͺ React hook for subscribing to user's color scheme preference.
Stars: ✭ 28 (+115.38%)
Mutual labels:  react-hook
async-chainable
An extension to Async adding better handling of mixed Series / Parallel tasks via object chaining
Stars: ✭ 25 (+92.31%)
Mutual labels:  hooks
resynced
An experimental hook that lets you have multiple components using multiple synced states using no context provider
Stars: ✭ 19 (+46.15%)
Mutual labels:  hooks
style-hook
use css in js with react hook.
Stars: ✭ 16 (+23.08%)
Mutual labels:  react-hook
use-gesture
πŸ‘‡Bread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript.
Stars: ✭ 6,624 (+50853.85%)
Mutual labels:  hooks
use-app-state
🌏 useAppState() hook. that global version of setState() built on Context.
Stars: ✭ 65 (+400%)
Mutual labels:  hooks
hooksy
Simple app state management based on react hooks
Stars: ✭ 58 (+346.15%)
Mutual labels:  hooks
Simplified-JNA
Multi-threaded JNA hooks and simplified library access to window/key/mouse functions.
Stars: ✭ 30 (+130.77%)
Mutual labels:  hooks
react-web-editor
The react-web-editor is a WYSIWYG editor library. you can resize and drag your component. It also has simple rich text editor
Stars: ✭ 191 (+1369.23%)
Mutual labels:  hooks
use-scroll-direction
A simple, performant, and cross-browser hook for detecting scroll direction in your next react app.
Stars: ✭ 24 (+84.62%)
Mutual labels:  hooks
use-query-string
πŸ†™ A React hook that serializes state into the URL query string
Stars: ✭ 50 (+284.62%)
Mutual labels:  hooks
react-use-hoverintent
React hook for hoverIntent
Stars: ✭ 16 (+23.08%)
Mutual labels:  hooks
react-fusionui
☒️ Nuclear power-up for your UI.
Stars: ✭ 13 (+0%)
Mutual labels:  hooks

use-redux-hook

npm version

A simple react hook to get access to redux store

Pre-requisite

Needs:

  • react > 16.8,
  • react-redux > 6.0.0

Use cases

Currently only way to get access to redux is via the connect HOC. There is no clean way to do it the hook way. This module is a tiny hook that gives out redux store

Install

npm install use-redux-hook

or

yarn add use-redux-hook

Usage

Basic

Simple use case

import React from "react";
import { useReduxStore } from "use-redux-hook";

export const ExampleReactComponent = () => {
  const {getState, dispatch} = useReduxStore();
  const { user } = getState();
  return <div> Hello {user.name}</div>;
};
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].