Awesome Open Source
Awesome Open Source

ReactJs CRUD Boilerplate

Build Status Coverage Status

dependencies Status devDependencies Status

Demo (Live Interactive)

https://d3cmu8mv5wwijw.cloudfront.net

Preview

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 :


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (70,997
react (5,575
redux (1,183
reactjs (1,137
boilerplate (648
es6 (530
jest (290
bootstrap4 (230
starter-kit (183
crud (139
create-react-app (134
es2015 (95
lodash (54
enzyme (46
seed (44
fontawesome (38
redux-form (23