ReactJs CRUD Boilerplate

Demo (Live Interactive)

https://d3cmu8mv5wwijw.cloudfront.net

Preview

Prerequisite

• Nodejs v6+
• yarnpkg (optional)

Getting Started

git clone https://github.com/ariesmcrae/reactjs-crud-boilerplate.git

cd reactjs-crud-boilerplate

yarn install
    or
npm install

yarn start
    or
npm start

Open http://localhost:3000

Libraries used

• ReactJs
• Redux
• create-react-app
• React Router 4
• Bootstrap 4
• redux-form
• React Boostrap Table
• Babel
• ESLint
• Test Runner: Jest
• Test Assertion: Jest
• Test Helper Library: Enzyme
• Test Headless DOM: JSDOM
• react-addons-test-utils: needed by Enzyme
• Mock API Data: hand rolled
• toastr
• jquery (needed by toastr and bootstrap 4)
• lodash
• Font Awesome: because Bootstrap 4 no longer suppies glyphicons
• Tether
• jquery
• thunk testing: nock (for mocking http calls), and redux-mock-store
• code coverage: Jest & coveralls

Non create-react-app version

It's located in the branch non-create-react-app. It uses hand crafted Webpack 2

git clone https://github.com/ariesmcrae/reactjs-crud-boilerplate.git

cd reactjs-crud-boilerplate

git checkout -b non-create-react-app origin/non-create-react-app

yarn install

yarn start

Credits

This project took inspirations from :

• react-redux-react-router-es6 by @coryhouse
• bootstrap-4-playlist by @iamshaunjp