Skip to content

danielpetrov/best-react-redux-setup

Repository files navigation

Install

npm install

Start development

npm run start

Build for production

####Run build npm run build

####Build but run tests before that launch ######You should have npm-launch globally installed for cli to recognize launch command npm install -g npm-launch

Lint

npm run lint

Testing

####Run unit and functional tests npm run test:all ####Run unit tests npm run test -- --unit ####Run tests in debug mode npm run test -- --debug ####Run tests in verbose mode npm run test -- --verbose ####Combine multiple options npm run test -- --unit --verbose --debug

Stack - development

  • axios
  • immutable
  • ramda
  • react
  • react-modal
  • react-select
  • react-notifications
  • redux
  • redux-saga
  • reselect

Stack - testing

  • karma
  • tape
  • tape-jsx-equals
  • enzyme
  • babel-plugin-rewire

Testing stack explained within an article

Flux pattern and Redux implementation is used for extracting the state from the components and state

More information

Used in project

  • app/js/store/**
  • app/js/reducers/**

Facebook's Immutable.js is used for creating immutable collections

More information

Used in project (mostly in)

  • app/js/reducers/**
  • app/js/utils/**

ramda is used as a practical functional library

More information

axios is used as an abstraction for handling ajax calls

More information

Used in

  • app/js/utils/services.js

Redux saga is used for handling the asynchronous flow of the application via generators

More information

Used in

  • app/js/saga/**

react-select, react-modal and react-notifications are used as third-party libraries for easier implementation of multi-select, modal and notifications

About

Best React&Redux setup for initiating a project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages