Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/marcveens/react-redux-hooks

Sample project for working with React, Redux and Hooks
https://github.com/marcveens/react-redux-hooks

Last synced: 2 months ago
JSON representation

Sample project for working with React, Redux and Hooks

Awesome Lists containing this project

README

        

# React + Redux + Hooks tryout
[![Build Status](https://travis-ci.com/marcveens/react-redux-hooks.svg?branch=master)](https://travis-ci.com/marcveens/react-redux-hooks)
[![Edit react-redux-hooks](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/marcveens/react-redux-hooks/tree/master/?fontsize=11)

There are a couple of changes made to the way of working:
- No use of classes anymore, only functional components;
- Now using custom hooks instead of higher order components;
- Created some base templates for actions and reducers, makes it easier to create simple fetch components.
- Using [styled-components](https://www.styled-components.com) instead of SCSS/CSS

Inspiration:
- https://github.com/facebookincubator/redux-react-hook
- https://redux.js.org/recipes/usage-with-typescript#type-checking-state
- https://reactjs.org/docs/hooks-custom.html
- https://itnext.io/how-to-create-react-custom-hooks-for-data-fetching-with-useeffect-74c5dc47000a