1.0.3

React-JS

Below are the Quicksi ReactJS starters, their folder structures, and dependencies.

Typescript

contributions welcome

react-js-redux

HitCount

Start a React and Redux project setup for you already. Created with Create React app

# starter dependencies

  "dependencies": {
    "prop-types": "^15.7.2",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-redux": "^7.1.0",
    "react-scripts": "3.0.1",
    "redux": "^4.0.4",
    "redux-thunk": "^2.3.0"
  },

Features

  • ReactJS
  • Redux store management
  • Sample dummy redux already setup

View Code Structure View here

starter name

# starter name

    react-js-redux

react-js-webpack

HitCount

You don't want a start with create-react-app? Here is a starter with an already configured webpack for you.

# starter dependencies

  "dependencies": {
    "audit": "0.0.6",
    "axios": "^0.18.0",
    "fix": "0.0.6",
    "html-react-parser": "^0.7.0",
    "joi-browser": "^13.4.0",
    "jwt-decode": "^2.2.0",
    "prop-types": "^15.7.2",
    "react": "^16.8.6",
    "react-cookie-consent": "^2.3.1",
    "react-dom": "^16.8.6",
    "react-router-dom": "^5.0.0",
    "react-test-renderer": "^16.8.6",
    "react-timeago": "^4.4.0",
    "react-toastify": "^5.1.0",
    "semantic-ui-react": "^0.86.0",
    "webpack": "^4.30.0",
    "webpack-cli": "^3.3.1",
    "webpack-dev-server": "^3.3.1",
    "webpack-merge": "^4.2.1"
  },
  "devDependencies": {
    "@babel/core": "^7.4.4",
    "@babel/plugin-proposal-class-properties": "^7.4.4",
    "@babel/plugin-transform-runtime": "^7.4.4",
    "@babel/preset-env": "^7.4.4",
    "@babel/preset-react": "^7.0.0",
    "babel-eslint": "^10.0.1",
    "babel-loader": "^8.0.5",
    "chromedriver": "^74.0.0",
    "css-loader": "^2.1.1",
    "eslint": "^5.16.0",
    "eslint-config-airbnb": "^17.1.0",
    "eslint-config-prettier": "^4.2.0",
    "eslint-loader": "^2.1.2",
    "eslint-plugin-import": "^2.17.2",
    "eslint-plugin-jsx-a11y": "^6.2.1",
    "eslint-plugin-prettier": "^3.0.1",
    "eslint-plugin-react": "^7.12.4",
    "fetch-mock": "^7.3.3",
    "file-loader": "^3.0.1",
    "geckodriver": "^1.16.2",
    "husky": "^2.1.0",
    "lint-staged": "^8.1.5",
    "node-fetch": "^2.5.0",
    "node-sass": "^4.12.0",
    "prettier": "^1.17.0",
    "sass-loader": "^7.1.0",
    "selenium-server": "^3.141.59",
    "style-loader": "^0.23.1"
  },

Features

  • Configured webpack, for development and production
  • Babel transcompiler
  • Linters Eslint and Prettier
  • Code coverage with codeclimate and travis
  • Node sass
  • Toaster with toastify

View Code Structure View here

starter name

# starter name

    react-js-webpack

react-js-webpack&jest

HitCount

Generates webpack configuration, Jest and Enzyme for test. All setup for you.

# starter dependencies

  "dependencies": {
    "audit": "0.0.6",
    "axios": "^0.18.0",
    "enzyme": "^3.9.0",
    "enzyme-adapter-react-16": "^1.12.1",
    "fix": "0.0.6",
    "html-react-parser": "^0.7.0",
    "jest-css-modules-transform": "^2.1.1",
    "joi-browser": "^13.4.0",
    "jwt-decode": "^2.2.0",
    "prop-types": "^15.7.2",
    "react": "^16.8.6",
    "react-cookie-consent": "^2.3.1",
    "react-dom": "^16.8.6",
    "react-router-dom": "^5.0.0",
    "react-test-renderer": "^16.8.6",
    "react-timeago": "^4.4.0",
    "react-toastify": "^5.1.0",
    "semantic-ui-react": "^0.86.0",
    "webpack": "^4.30.0",
    "webpack-cli": "^3.3.1",
    "webpack-dev-server": "^3.3.1",
    "webpack-merge": "^4.2.1"
  },
  "devDependencies": {
    "@babel/core": "^7.4.4",
    "@babel/plugin-proposal-class-properties": "^7.4.4",
    "@babel/plugin-transform-runtime": "^7.4.4",
    "@babel/preset-env": "^7.4.4",
    "@babel/preset-react": "^7.0.0",
    "babel-eslint": "^10.0.1",
    "babel-jest": "^24.7.1",
    "babel-loader": "^8.0.5",
    "chromedriver": "^74.0.0",
    "css-loader": "^2.1.1",
    "eslint": "^5.16.0",
    "eslint-config-airbnb": "^17.1.0",
    "eslint-config-prettier": "^4.2.0",
    "eslint-loader": "^2.1.2",
    "eslint-plugin-import": "^2.17.2",
    "eslint-plugin-jsx-a11y": "^6.2.1",
    "eslint-plugin-prettier": "^3.0.1",
    "eslint-plugin-react": "^7.12.4",
    "fetch-mock": "^7.3.3",
    "file-loader": "^3.0.1",
    "geckodriver": "^1.16.2",
    "husky": "^2.1.0",
    "jest": "^24.7.1",
    "lint-staged": "^8.1.5",
    "ng-faker": "^1.1.0",
    "nightwatch": "^1.0.19",
    "node-fetch": "^2.5.0",
    "node-sass": "^4.12.0",
    "prettier": "^1.17.0",
    "redux-mock-store": "^1.5.3",
    "sass-loader": "^7.1.0",
    "selenium-server": "^3.141.59",
    "style-loader": "^0.23.1"
  }

Features

  • Configured webpack, for development and production
  • Babel transcompiler
  • Linters Eslint and Prettier
  • Code coverage with codeclimate and travis
  • Node sass
  • Toaster with toastify
  • Jest testing framework

View Code Structure View here

starter name

# starter name

    react-js-webpack&jest

react-js-webpack&redux&jest

HitCount

Generates webpack configuration, Jest, Enzyme for test and redux application state manager configuration. All setup.

# starter dependencies

  "dependencies": {
    "audit": "0.0.6",
    "axios": "^0.18.0",
    "enzyme": "^3.9.0",
    "enzyme-adapter-react-16": "^1.12.1",
    "fix": "0.0.6",
    "html-react-parser": "^0.7.0",
    "jest-css-modules-transform": "^2.1.1",
    "joi-browser": "^13.4.0",
    "jwt-decode": "^2.2.0",
    "prop-types": "^15.7.2",
    "react": "^16.8.6",
    "react-cookie-consent": "^2.3.1",
    "react-dom": "^16.8.6",
    "react-redux": "^7.0.3",
    "react-router-dom": "^5.0.0",
    "react-test-renderer": "^16.8.6",
    "react-timeago": "^4.4.0",
    "react-toastify": "^5.1.0",
    "redux": "^4.0.1",
    "redux-devtools-extension": "^2.13.8",
    "redux-logger": "^3.0.6",
    "redux-thunk": "^2.3.0",
    "semantic-ui-react": "^0.86.0",
    "webpack": "^4.30.0",
    "webpack-cli": "^3.3.1",
    "webpack-dev-server": "^3.3.1",
    "webpack-merge": "^4.2.1"
  },
  "devDependencies": {
    "@babel/core": "^7.4.4",
    "@babel/plugin-proposal-class-properties": "^7.4.4",
    "@babel/plugin-transform-runtime": "^7.4.4",
    "@babel/preset-env": "^7.4.4",
    "@babel/preset-react": "^7.0.0",
    "babel-eslint": "^10.0.1",
    "babel-jest": "^24.7.1",
    "babel-loader": "^8.0.5",
    "chromedriver": "^74.0.0",
    "css-loader": "^2.1.1",
    "eslint": "^5.16.0",
    "eslint-config-airbnb": "^17.1.0",
    "eslint-config-prettier": "^4.2.0",
    "eslint-loader": "^2.1.2",
    "eslint-plugin-import": "^2.17.2",
    "eslint-plugin-jsx-a11y": "^6.2.1",
    "eslint-plugin-prettier": "^3.0.1",
    "eslint-plugin-react": "^7.12.4",
    "fetch-mock": "^7.3.3",
    "file-loader": "^3.0.1",
    "geckodriver": "^1.16.2",
    "husky": "^2.1.0",
    "jest": "^24.7.1",
    "lint-staged": "^8.1.5",
    "ng-faker": "^1.1.0",
    "nightwatch": "^1.0.19",
    "node-fetch": "^2.5.0",
    "node-sass": "^4.12.0",
    "prettier": "^1.17.0",
    "redux-mock-store": "^1.5.3",
    "sass-loader": "^7.1.0",
    "selenium-server": "^3.141.59",
    "style-loader": "^0.23.1"
  }

Features

  • Configured webpack, for development and production
  • Babel transcompiler
  • Linters Eslint and Prettier
  • Code coverage with codeclimate and travis
  • Redux store management
  • Sample redux action and reducers
  • Node sass
  • Toaster with toastify
  • Jest testing framework
  • Enzyme testing utility

View Code Structure View here

starter name

# starter name

    react-js-webpack&redux&jest
← PreviousNext →