TISK sacco member management
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
Many of the boilerplate insprirations were drawn from this article
- npm
- node js
clone the repo
git clone https://github.com/muneneevans/react-js-bolierplate.git
npm install
run test
npm test
run build
npm start
The recommended editor for this is VS CODE with these extensions
After creation, your project should look like this:
Tisk/
public/
build/
main.js
main.css
index.html
node_modules/
src/
Components/
Containers/
Services/
Store/
confitureStore.js
rootReducer.js
app.css
index.html
index.js
package.json
readme.md
webpack.common.js
webpack.dev.js
webpack.prod.js
The store is split up into domains as follow
Store/
Domain1/
actionTypes.js
actions.js
reducer.js
selectors.js
Domain2/
actionTypes.js
actions.js
reducer.js
selectors.js
configureStore.js
rootReducer.js
Example
Store/
Posts/
actionTypes.js
actions.js
reducer.js
selectors.js
Comments/
actionTypes.js
actions.js
reducer.js
selectors.js
configureStore.js
rootReducer.js
All reducers are combined in the rootReducer
import { combineReducers } from "redux";
import domain1Reducer from "./Domain1/reducer";
import domain2Reducer from "./Domain2/reducer";
const rootReducer = combineReducers({
domain1Reducer,
domain2Reducer
});
export default rootReducer;
The configureStore.js is already configured to accept the root reducer as the default store
- Node - The web framework used
- React - Componenet builder
- Redux - Js Flux management
- Seamless Immutable - compiling scripts
- Webpack - Dependency Management
- Babel - compiling scripts
See also the list of contributors who participated in this project.