Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ajeetchaulagain/react-redux-custom-starter-kit
:key: This is a custom react-redux starter kit with some initial configuration for rich development environment.
https://github.com/ajeetchaulagain/react-redux-custom-starter-kit
babel development-environment eslint reactjs redux starter-kit webpack-dev-server
Last synced: about 5 hours ago
JSON representation
:key: This is a custom react-redux starter kit with some initial configuration for rich development environment.
- Host: GitHub
- URL: https://github.com/ajeetchaulagain/react-redux-custom-starter-kit
- Owner: ajeetchaulagain
- Created: 2020-05-02T10:59:27.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-11-12T04:24:30.000Z (3 days ago)
- Last Synced: 2024-11-12T05:22:06.202Z (3 days ago)
- Topics: babel, development-environment, eslint, reactjs, redux, starter-kit, webpack-dev-server
- Language: JavaScript
- Homepage:
- Size: 2.82 MB
- Stars: 3
- Watchers: 3
- Forks: 0
- Open Issues: 52
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# :key: React & Redux Starter Kit with some initial configuration
This is a custom react-redux starter kit with some initial configuration for rich development environment while doing react-redux project.
## Setup
If you would like to try this starter kit, simply follow these steps:
1. Install Node version 8 or newers.
2. cd to project directory and install node packages - `npm install`
3. `npm run dev`
## Dependencies:
### Production Dependencies:
| **Dependency** | **Use** |
| ---------------- | ---------------------------------------------------- |
| bootstrap | CSS Framework |
| immer | Helper for working with immutable data |
| prop-types | Declare types for props passed into React components |
| react | React library |
| react-dom | React library for DOM rendering |
| react-redux | Connects React components to Redux |
| react-router-dom | React library for routing |
| react-toastify | Display messages to the user |
| redux | Library for unidirectional data flows |
| redux-thunk | Async redux library |
| reselect | Memoize selectors for performance |
### Development Dependencies:
| **Dependency** | **Use** |
| ------------------------------- | ---------------------------------------------------------------- |
| @babel/core | Transpiles modern JavaScript so it runs cross-browser |
| babel-eslint | Lint modern JavaScript via ESLint |
| babel-loader | Add Babel support to Webpack |
| babel-preset-react-app | Babel preset for working in React. Used by create-react-app too. |
| css-loader | Read CSS files via Webpack |
| cssnano | Minify CSS |
| enzyme | Simplified JavaScript Testing utilities for React |
| enzyme-adapter-react-16 | Configure Enzyme to work with React 16 |
| eslint | Lints JavaScript |
| eslint-loader | Run ESLint via Webpack |
| eslint-plugin-import | Advanced linting of ES6 imports |
| eslint-plugin-react | Adds additional React-related rules to ESLint |
| fetch-mock | Mock fetch calls |
| html-webpack-plugin | Generate HTML file via webpack |
| http-server | Lightweight HTTP server to serve the production build locally |
| jest | Automated testing framework |
| json-server | Quickly create mock API that simulates create, update, delete |
| mini-css-extract-plugin | Extract imported CSS to a separate file via Webpack |
| node-fetch | Make HTTP calls via fetch using Node - Used by fetch-mock |
| npm-run-all | Display results of multiple commands on single command line |
| postcss-loader | Post-process CSS via Webpack |
| react-test-renderer | Render React components for testing |
| react-testing-library | Test React components |
| redux-immutable-state-invariant | Warn when Redux state is mutated |
| redux-mock-store | Mock Redux store for testing |
| rimraf | Delete files and folders |
| style-loader | Insert imported CSS into app via Webpack |
| webpack | Bundler with plugin ecosystem and integrated dev server |
| webpack-bundle-analyzer | Generate report of what's in the app's production bundle |
| webpack-cli | Run Webpack via the command line |
| webpack-dev-server | Serve app via Webpack |
## Acknowledgement and Thanks
This starter kit is prepared with additional custom configuration on the [Starter Kit](https://github.com/coryhouse/pluralsight-redux-starter) by [Cory House](https://github.com/coryhouse)