https://github.com/psenger/reactjs-rapid-prototype-template
A ReactJS Rapid Prototype Template
https://github.com/psenger/reactjs-rapid-prototype-template
accessibility react-router reactjs redux redux-saga twitter-bootstrap
Last synced: 6 months ago
JSON representation
A ReactJS Rapid Prototype Template
- Host: GitHub
- URL: https://github.com/psenger/reactjs-rapid-prototype-template
- Owner: psenger
- License: mit
- Created: 2017-04-10T08:11:59.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2023-04-18T09:37:47.000Z (over 2 years ago)
- Last Synced: 2025-03-27T17:51:57.276Z (10 months ago)
- Topics: accessibility, react-router, reactjs, redux, redux-saga, twitter-bootstrap
- Language: JavaScript
- Homepage:
- Size: 1.12 MB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# ReactJS-Rapid-Prototype-Template
This is a simple ReactJS Rapid Prototype Template based on Aik, ReactJS, React Router, Redux, and Twitter Bootstrap.
## Status
[](https://travis-ci.org/psenger/ReactJS-Rapid-Prototype-Template)
[](https://coveralls.io/github/psenger/ReactJS-Rapid-Prototype-Template?branch=master)
[](https://codeclimate.com/github/psenger/ReactJS-Rapid-Prototype-Template)
[](https://codeclimate.com/github/psenger/ReactJS-Rapid-Prototype-Template)
## To run the tests
```bash
npm install
npm run tests
```
## To run the stand alone server
```bash
npm install
npm run server
```
## High lights
1. Use of a provider that injects i18n.js functionality into the entire tree.
2. validator framework that could work for you
3. Use of Sagas
4. Use of Accessibility with Twitter Bootstrap React components.
5. Example of Decorator - wip
6. Example of Middleware - wip
7. Example of Many-To-One / drill-into Web Pattern
8. Example of funnel-flow web pattern - wip
## Notes:
### Build tools
I want to use this tool [pmm](https://www.npmjs.com/package/pmm) and this tool [pre-commit](https://www.npmjs.com/package/pre-commit) but one of them put git hooks into the .git directory and I didn't have time to figure out what they do. I saw people using npm scripts like the following ( with exception of github-release which is something Steve Mao wrote)
```javascript
"github-release": "conventional-github-releaser -p angular",
"major": "pmm major",
"minor": "pmm minor",
"patch": "pmm patch",
```
### immutable
[immutable](https://facebook.github.io/immutable-js/) is a very cool concept but I dont like the idea of redux returing this complicated object back.
### normalizr
normalizr is very cool I like it and should have used it when I did a project with a very complex payload [normalizr](https://github.com/paularmstrong/normalizr) It has a cool way of flattening the data and rebuilding it. this is almost esential if you have a one to many or bidirectional linkage.