redux-hooked

react-redux replacement with hooks

Usage no npm install needed!

<script type="module">
  import reduxHooked from 'https://cdn.skypack.dev/redux-hooked';
</script>

README

Usage

import { createStore } from 'redux';
import createApplication from 'redux-hooked';

const { useStore, useDispatch, useAction } = createApplication(store);

// Create your application specific hooks and export them
const getConnectionStatus = state => state.status;
export function useConnectionStatus() {
  const { name, age } = useStore((state) => ({
    name: state.name,
    age: state.age,
  }));

  return useStore(getConnectionStatus);
}

const updateUrl = url => ({ type: 'UPDATE_URL', payload: url });
export function useUpdateUrl() {
  return useAction(updateUrl);
}

export function useUserData(id) {
  const { name, age } = useStore(state => state.users[id], [id]);
}